#ECE3A1 - #CFB64B | colorate

Colorate est un outil de gestion de couleurs pour les concepteurs et les développeurs. Il constitue une ressource précieuse pour trouver rapidement des jeux de couleurs en adéquation avec vos projets. Rendez ce site meilleur

Mélanger #ECE3A1 à #CFB64B

#ECE3A1 #CFB64B

Calculez la couleur entre deux couleurs, #ECE3A1 et #CFB64B. Dans le calcul des valeurs RVB, la saturation entre les couleurs dissemblables est faible. Dans le calcul des valeurs HSV, la saturation entre les couleurs dissemblables n'est pas faible.

Mélange RVB (Linéaire)

#ECE3A1 - #CFB64B | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur RVB. Pour les couleurs éloignées les unes des autres, la saturation entre les deux couleurs diminue. Développez la couleur entre deux couleurs avec #ECE3A1 0% et #CFB64B 100%.

0.0%	0.0% #ECE3A1	RVB 236 227 161	#ECE3A1
16.7%	16.7% #E7DB92	RVB 231 219 146	#E7DB92
33.3%	33.3% #E2D484	RVB 226 212 132	#E2D484
50.0%	50.0% #DDCC76	RVB 221 204 118	#DDCC76
66.7%	66.7% #D8C567	RVB 216 197 103	#D8C567
83.3%	83.3% #D3BD59	RVB 211 189 89	#D3BD59
100.0%	100.0% #CFB64B	RVB 207 182 75	#CFB64B

#ECE3A1 #E7DB92 #E2D484 #DDCC76 #D8C567 #D3BD59 #CFB64B

#ECE3A1 - #CFB64B

Mélange HSV

#ECE3A1 - #CFB64B | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur HSV. Même entre des couleurs de couleur distinctes, la saturation entre les deux couleurs ne diminue pas. Développez la couleur entre deux couleurs avec #ECE3A1 0% et #CFB64B 100%.

0.0%	0.0% #ECE3A1	RVB 236 227 161	#ECE3A1
16.7%	16.7% #E7DB91	RVB 231 219 145	#E7DB91
33.3%	33.3% #E2D482	RVB 226 212 130	#E2D482
50.0%	50.0% #DDCD73	RVB 221 205 115	#DDCD73
66.7%	66.7% #D8C565	RVB 216 197 101	#D8C565
83.3%	83.3% #D3BD58	RVB 211 189 88	#D3BD58
100.0%	100.0% #CFB64B	RVB 207 182 75	#CFB64B

#ECE3A1 #E7DB91 #E2D482 #DDCD73 #D8C565 #D3BD58 #CFB64B

#ECE3A1 - #DDCD73 - #CFB64B

Codes CSS

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

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