#C2BFB8 - #ECDECE | 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 #C2BFB8 à #ECDECE

#C2BFB8 #ECDECE

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

#C2BFB8 - #ECDECE | 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 #C2BFB8 0% et #ECDECE 100%.

0.0%	0.0% #C2BFB8	RVB 194 191 184	#C2BFB8
16.7%	16.7% #C9C4BB	RVB 201 196 187	#C9C4BB
33.3%	33.3% #D0C9BF	RVB 208 201 191	#D0C9BF
50.0%	50.0% #D7CEC3	RVB 215 206 195	#D7CEC3
66.7%	66.7% #DED3C6	RVB 222 211 198	#DED3C6
83.3%	83.3% #E5D8CA	RVB 229 216 202	#E5D8CA
100.0%	100.0% #ECDECE	RVB 236 222 206	#ECDECE

#C2BFB8 #C9C4BB #D0C9BF #D7CEC3 #DED3C6 #E5D8CA #ECDECE

#C2BFB8 - #ECDECE

Mélange HSV

#C2BFB8 - #ECDECE | 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 #C2BFB8 0% et #ECDECE 100%.

0.0%	0.0% #C2BFB8	RVB 194 191 184	#C2BFB8
16.7%	16.7% #C9C4BC	RVB 201 196 188	#C9C4BC
33.3%	33.3% #D0CAC0	RVB 208 202 192	#D0CAC0
50.0%	50.0% #D7CFC3	RVB 215 207 195	#D7CFC3
66.7%	66.7% #DED4C7	RVB 222 212 199	#DED4C7
83.3%	83.3% #E5D9CA	RVB 229 217 202	#E5D9CA
100.0%	100.0% #ECDECE	RVB 236 222 206	#ECDECE

#C2BFB8 #C9C4BC #D0CAC0 #D7CFC3 #DED4C7 #E5D9CA #ECDECE

#C2BFB8 - #D7CFC3 - #ECDECE

Codes CSS

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

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