#E3E3C0 - #BEB66C | 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 #E3E3C0 a #BEB66C

#E3E3C0 #BEB66C

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

#E3E3C0 - #BEB66C | 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 #E3E3C0 come 0% e #BEB66C come 100%.

0.0%	0.0% #E3E3C0	RGB 227 227 192	#E3E3C0
16.7%	16.7% #DCDBB2	RGB 220 219 178	#DCDBB2
33.3%	33.3% #D6D4A4	RGB 214 212 164	#D6D4A4
50.0%	50.0% #D0CC96	RGB 208 204 150	#D0CC96
66.7%	66.7% #CAC588	RGB 202 197 136	#CAC588
83.3%	83.3% #C4BD7A	RGB 196 189 122	#C4BD7A
100.0%	100.0% #BEB66C	RGB 190 182 108	#BEB66C

#E3E3C0 #DCDBB2 #D6D4A4 #D0CC96 #CAC588 #C4BD7A #BEB66C

#E3E3C0 - #BEB66C

Miscela HSV

#E3E3C0 - #BEB66C | 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 #E3E3C0 come 0% e #BEB66C come 100%.

0.0%	0.0% #E3E3C0	RGB 227 227 192	#E3E3C0
16.7%	16.7% #DCDCB0	RGB 220 220 176	#DCDCB0
33.3%	33.3% #D6D4A1	RGB 214 212 161	#D6D4A1
50.0%	50.0% #D0CD93	RGB 208 205 147	#D0CD93
66.7%	66.7% #CAC585	RGB 202 197 133	#CAC585
83.3%	83.3% #C4BE78	RGB 196 190 120	#C4BE78
100.0%	100.0% #BEB66C	RGB 190 182 108	#BEB66C

#E3E3C0 #DCDCB0 #D6D4A1 #D0CD93 #CAC585 #C4BE78 #BEB66C

#E3E3C0 - #D0CD93 - #BEB66C

Codici CSS

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

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