#6EE5E6 - #FEEAD5 | 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 #6EE5E6 a #FEEAD5

#6EE5E6 #FEEAD5

Calcola il colore tra due colori, #6EE5E6 e #FEEAD5. 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)

#6EE5E6 - #FEEAD5 | 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 #6EE5E6 come 0% e #FEEAD5 come 100%.

0.0%	0.0% #6EE5E6	RGB 110 229 230	#6EE5E6
16.7%	16.7% #86E5E3	RGB 134 229 227	#86E5E3
33.3%	33.3% #9EE6E0	RGB 158 230 224	#9EE6E0
50.0%	50.0% #B6E7DD	RGB 182 231 221	#B6E7DD
66.7%	66.7% #CEE8DA	RGB 206 232 218	#CEE8DA
83.3%	83.3% #E6E9D7	RGB 230 233 215	#E6E9D7
100.0%	100.0% #FEEAD5	RGB 254 234 213	#FEEAD5

#6EE5E6 #86E5E3 #9EE6E0 #B6E7DD #CEE8DA #E6E9D7 #FEEAD5

#6EE5E6 - #FEEAD5

Miscela HSV

#6EE5E6 - #FEEAD5 | 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 #6EE5E6 come 0% e #FEEAD5 come 100%.

0.0%	0.0% #6EE5E6	RGB 110 229 230	#6EE5E6
16.7%	16.7% #7DEABD	RGB 125 234 189	#7DEABD
33.3%	33.3% #8EEE9F	RGB 142 238 159	#8EEE9F
50.0%	50.0% #B3F29F	RGB 179 242 159	#B3F29F
66.7%	66.7% #DEF6B0	RGB 222 246 176	#DEF6B0
83.3%	83.3% #FAF6C2	RGB 250 246 194	#FAF6C2
100.0%	100.0% #FEEAD5	RGB 254 234 213	#FEEAD5

#6EE5E6 #7DEABD #8EEE9F #B3F29F #DEF6B0 #FAF6C2 #FEEAD5

#6EE5E6 - #B3F29F - #FEEAD5

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6EE5E6 0%, #B3F29F 50%, #FEEAD5 100%);
    background: -webkit-linear-gradient(top, #6EE5E6 0%, #B3F29F 50%, #FEEAD5 100%);
    background: linear-gradient(to bottom, #6EE5E6 0%, #B3F29F 50%, #FEEAD5 100%);
}
</style>