#E5E3C2 - #CDC36E | 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 #E5E3C2 à #CDC36E

#E5E3C2 #CDC36E

Calculez la couleur entre deux couleurs, #E5E3C2 et #CDC36E. 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)

#E5E3C2 - #CDC36E | 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 #E5E3C2 0% et #CDC36E 100%.

0.0%	0.0% #E5E3C2	RVB 229 227 194	#E5E3C2
16.7%	16.7% #E1DDB4	RVB 225 221 180	#E1DDB4
33.3%	33.3% #DDD8A6	RVB 221 216 166	#DDD8A6
50.0%	50.0% #D9D398	RVB 217 211 152	#D9D398
66.7%	66.7% #D5CD8A	RVB 213 205 138	#D5CD8A
83.3%	83.3% #D1C87C	RVB 209 200 124	#D1C87C
100.0%	100.0% #CDC36E	RVB 205 195 110	#CDC36E

#E5E3C2 #E1DDB4 #DDD8A6 #D9D398 #D5CD8A #D1C87C #CDC36E

#E5E3C2 - #CDC36E

Mélange HSV

#E5E3C2 - #CDC36E | 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 #E5E3C2 0% et #CDC36E 100%.

0.0%	0.0% #E5E3C2	RVB 229 227 194	#E5E3C2
16.7%	16.7% #E1DEB2	RVB 225 222 178	#E1DEB2
33.3%	33.3% #DDD8A4	RVB 221 216 164	#DDD8A4
50.0%	50.0% #D9D396	RVB 217 211 150	#D9D396
66.7%	66.7% #D5CE88	RVB 213 206 136	#D5CE88
83.3%	83.3% #D1C87A	RVB 209 200 122	#D1C87A
100.0%	100.0% #CDC36E	RVB 205 195 110	#CDC36E

#E5E3C2 #E1DEB2 #DDD8A4 #D9D396 #D5CE88 #D1C87A #CDC36E

#E5E3C2 - #D9D396 - #CDC36E

Codes CSS

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

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