#E4D9CF - #C99C7E | 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 #E4D9CF à #C99C7E

#E4D9CF #C99C7E

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

#E4D9CF - #C99C7E | 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 #E4D9CF 0% et #C99C7E 100%.

0.0%	0.0% #E4D9CF	RVB 228 217 207	#E4D9CF
16.7%	16.7% #DFCEC1	RVB 223 206 193	#DFCEC1
33.3%	33.3% #DBC4B4	RVB 219 196 180	#DBC4B4
50.0%	50.0% #D6BAA6	RVB 214 186 166	#D6BAA6
66.7%	66.7% #D2B099	RVB 210 176 153	#D2B099
83.3%	83.3% #CDA68B	RVB 205 166 139	#CDA68B
100.0%	100.0% #C99C7E	RVB 201 156 126	#C99C7E

#E4D9CF #DFCEC1 #DBC4B4 #D6BAA6 #D2B099 #CDA68B #C99C7E

#E4D9CF - #C99C7E

Mélange HSV

#E4D9CF - #C99C7E | 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 #E4D9CF 0% et #C99C7E 100%.

0.0%	0.0% #E4D9CF	RVB 228 217 207	#E4D9CF
16.7%	16.7% #DFCEC0	RVB 223 206 192	#DFCEC0
33.3%	33.3% #DBC4B2	RVB 219 196 178	#DBC4B2
50.0%	50.0% #D6BAA4	RVB 214 186 164	#D6BAA4
66.7%	66.7% #D2B097	RVB 210 176 151	#D2B097
83.3%	83.3% #CDA68A	RVB 205 166 138	#CDA68A
100.0%	100.0% #C99C7E	RVB 201 156 126	#C99C7E

#E4D9CF #DFCEC0 #DBC4B2 #D6BAA4 #D2B097 #CDA68A #C99C7E

#E4D9CF - #D6BAA4 - #C99C7E

Codes CSS

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

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