#A8F0F0 - #31CDD0 | colorate

colorate è uno strumento per schemi a colori per designer e sviluppatori. Questo ti aiuterà a trarre ispirazione e funge da risorsa per il tuo lavoro a colori. Rendi questo sito migliore

Miscela da #A8F0F0 a #31CDD0

#A8F0F0 #31CDD0

Calcola il colore tra due colori, #A8F0F0 e #31CDD0. Nel calcolo dei valori RGB, la saturazione tra i colori diversi è bassa. Nel calcolo dei valori HSV, la saturazione tra i colori diversi non è bassa.

Miscela RGB (lineare)

#A8F0F0 - #31CDD0 | colorate

Calcolo del colore tra due colori in base al valore RGB. Per i colori distanti tra loro, la saturazione tra i due colori diminuisce. Espandi il colore tra due colori con #A8F0F0 come 0% e #31CDD0 come 100%.

0.0%	0.0% #A8F0F0	RGB 168 240 240	#A8F0F0
16.7%	16.7% #94EAEA	RGB 148 234 234	#94EAEA
33.3%	33.3% #80E4E5	RGB 128 228 229	#80E4E5
50.0%	50.0% #6CDEE0	RGB 108 222 224	#6CDEE0
66.7%	66.7% #58D8DA	RGB 88 216 218	#58D8DA
83.3%	83.3% #44D2D5	RGB 68 210 213	#44D2D5
100.0%	100.0% #31CDD0	RGB 49 205 208	#31CDD0

#A8F0F0 #94EAEA #80E4E5 #6CDEE0 #58D8DA #44D2D5 #31CDD0

#A8F0F0 - #31CDD0

Miscela HSV

#A8F0F0 - #31CDD0 | colorate

Calcolo del colore tra due colori in base al valore HSV. Anche tra distinti colori di colore, la saturazione tra i due colori non diminuisce. Espandi il colore tra due colori con #A8F0F0 come 0% e #31CDD0 come 100%.

0.0%	0.0% #A8F0F0	RGB 168 240 240	#A8F0F0
16.7%	16.7% #92EAEA	RGB 146 234 234	#92EAEA
33.3%	33.3% #7DE4E5	RGB 125 228 229	#7DE4E5
50.0%	50.0% #68DEE0	RGB 104 222 224	#68DEE0
66.7%	66.7% #55D8DA	RGB 85 216 218	#55D8DA
83.3%	83.3% #42D3D5	RGB 66 211 213	#42D3D5
100.0%	100.0% #31CDD0	RGB 49 205 208	#31CDD0

#A8F0F0 #92EAEA #7DE4E5 #68DEE0 #55D8DA #42D3D5 #31CDD0

#A8F0F0 - #68DEE0 - #31CDD0

Codici CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #A8F0F0 0%, #31CDD0 100%);
    background: -webkit-linear-gradient(top, #A8F0F0 0%, #31CDD0 100%);
    background: linear-gradient(to bottom, #A8F0F0 0%, #31CDD0 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8F0F0 0%, #68DEE0 50%, #31CDD0 100%);
    background: -webkit-linear-gradient(top, #A8F0F0 0%, #68DEE0 50%, #31CDD0 100%);
    background: linear-gradient(to bottom, #A8F0F0 0%, #68DEE0 50%, #31CDD0 100%);
}
</style>