#ECE5C8 - #C2BD5E | 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 #ECE5C8 à #C2BD5E

#ECE5C8 #C2BD5E

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

#ECE5C8 - #C2BD5E | 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 #ECE5C8 0% et #C2BD5E 100%.

0.0%	0.0% #ECE5C8	RVB 236 229 200	#ECE5C8
16.7%	16.7% #E5DEB6	RVB 229 222 182	#E5DEB6
33.3%	33.3% #DED7A4	RVB 222 215 164	#DED7A4
50.0%	50.0% #D7D193	RVB 215 209 147	#D7D193
66.7%	66.7% #D0CA81	RVB 208 202 129	#D0CA81
83.3%	83.3% #C9C36F	RVB 201 195 111	#C9C36F
100.0%	100.0% #C2BD5E	RVB 194 189 94	#C2BD5E

#ECE5C8 #E5DEB6 #DED7A4 #D7D193 #D0CA81 #C9C36F #C2BD5E

#ECE5C8 - #C2BD5E

Mélange HSV

#ECE5C8 - #C2BD5E | 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 #ECE5C8 0% et #C2BD5E 100%.

0.0%	0.0% #ECE5C8	RVB 236 229 200	#ECE5C8
16.7%	16.7% #E5DCB4	RVB 229 220 180	#E5DCB4
33.3%	33.3% #DED5A1	RVB 222 213 161	#DED5A1
50.0%	50.0% #D7CE8F	RVB 215 206 143	#D7CE8F
66.7%	66.7% #D0C77D	RVB 208 199 125	#D0C77D
83.3%	83.3% #C9C26D	RVB 201 194 109	#C9C26D
100.0%	100.0% #C2BD5E	RVB 194 189 94	#C2BD5E

#ECE5C8 #E5DCB4 #DED5A1 #D7CE8F #D0C77D #C9C26D #C2BD5E

#ECE5C8 - #D7CE8F - #C2BD5E

Codes CSS

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

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