#ECE5A1 - #CFB94B | 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 #ECE5A1 a #CFB94B

#ECE5A1 #CFB94B

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

#ECE5A1 - #CFB94B | 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 #ECE5A1 come 0% e #CFB94B come 100%.

0.0%	0.0% #ECE5A1	RGB 236 229 161	#ECE5A1
16.7%	16.7% #E7DD92	RGB 231 221 146	#E7DD92
33.3%	33.3% #E2D684	RGB 226 214 132	#E2D684
50.0%	50.0% #DDCF76	RGB 221 207 118	#DDCF76
66.7%	66.7% #D8C767	RGB 216 199 103	#D8C767
83.3%	83.3% #D3C059	RGB 211 192 89	#D3C059
100.0%	100.0% #CFB94B	RGB 207 185 75	#CFB94B

#ECE5A1 #E7DD92 #E2D684 #DDCF76 #D8C767 #D3C059 #CFB94B

#ECE5A1 - #CFB94B

Miscela HSV

#ECE5A1 - #CFB94B | 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 #ECE5A1 come 0% e #CFB94B come 100%.

0.0%	0.0% #ECE5A1	RGB 236 229 161	#ECE5A1
16.7%	16.7% #E7DE91	RGB 231 222 145	#E7DE91
33.3%	33.3% #E2D782	RGB 226 215 130	#E2D782
50.0%	50.0% #DDCF73	RGB 221 207 115	#DDCF73
66.7%	66.7% #D8C865	RGB 216 200 101	#D8C865
83.3%	83.3% #D3C058	RGB 211 192 88	#D3C058
100.0%	100.0% #CFB94B	RGB 207 185 75	#CFB94B

#ECE5A1 #E7DE91 #E2D782 #DDCF73 #D8C865 #D3C058 #CFB94B

#ECE5A1 - #DDCF73 - #CFB94B

Codici CSS

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

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