#E8ECB4 - #D0CE5E | 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 #E8ECB4 a #D0CE5E

#E8ECB4 #D0CE5E

Calcola il colore tra due colori, #E8ECB4 e #D0CE5E. 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)

#E8ECB4 - #D0CE5E | 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 #E8ECB4 come 0% e #D0CE5E come 100%.

0.0%	0.0% #E8ECB4	RGB 232 236 180	#E8ECB4
16.7%	16.7% #E4E7A5	RGB 228 231 165	#E4E7A5
33.3%	33.3% #E0E297	RGB 224 226 151	#E0E297
50.0%	50.0% #DCDD89	RGB 220 221 137	#DCDD89
66.7%	66.7% #D8D87A	RGB 216 216 122	#D8D87A
83.3%	83.3% #D4D36C	RGB 212 211 108	#D4D36C
100.0%	100.0% #D0CE5E	RGB 208 206 94	#D0CE5E

#E8ECB4 #E4E7A5 #E0E297 #DCDD89 #D8D87A #D4D36C #D0CE5E

#E8ECB4 - #D0CE5E

Miscela HSV

#E8ECB4 - #D0CE5E | 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 #E8ECB4 come 0% e #D0CE5E come 100%.

0.0%	0.0% #E8ECB4	RGB 232 236 180	#E8ECB4
16.7%	16.7% #E3E7A4	RGB 227 231 164	#E3E7A4
33.3%	33.3% #DFE295	RGB 223 226 149	#DFE295
50.0%	50.0% #DBDE86	RGB 219 222 134	#DBDE86
66.7%	66.7% #D8D978	RGB 216 217 120	#D8D978
83.3%	83.3% #D4D46B	RGB 212 212 107	#D4D46B
100.0%	100.0% #D0CE5E	RGB 208 206 94	#D0CE5E

#E8ECB4 #E3E7A4 #DFE295 #DBDE86 #D8D978 #D4D46B #D0CE5E

#E8ECB4 - #DBDE86 - #D0CE5E

Codici CSS

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

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