#CFCDDD - #ECE2F6 | 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 #CFCDDD à #ECE2F6

#CFCDDD #ECE2F6

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

#CFCDDD - #ECE2F6 | 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 #CFCDDD 0% et #ECE2F6 100%.

0.0%	0.0% #CFCDDD	RVB 207 205 221	#CFCDDD
16.7%	16.7% #D3D0E1	RVB 211 208 225	#D3D0E1
33.3%	33.3% #D8D4E5	RVB 216 212 229	#D8D4E5
50.0%	50.0% #DDD7E9	RVB 221 215 233	#DDD7E9
66.7%	66.7% #E2DBED	RVB 226 219 237	#E2DBED
83.3%	83.3% #E7DEF1	RVB 231 222 241	#E7DEF1
100.0%	100.0% #ECE2F6	RVB 236 226 246	#ECE2F6

#CFCDDD #D3D0E1 #D8D4E5 #DDD7E9 #E2DBED #E7DEF1 #ECE2F6

#CFCDDD - #ECE2F6

Mélange HSV

#CFCDDD - #ECE2F6 | 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 #CFCDDD 0% et #ECE2F6 100%.

0.0%	0.0% #CFCDDD	RVB 207 205 221	#CFCDDD
16.7%	16.7% #D3D0E1	RVB 211 208 225	#D3D0E1
33.3%	33.3% #D8D4E5	RVB 216 212 229	#D8D4E5
50.0%	50.0% #DDD7E9	RVB 221 215 233	#DDD7E9
66.7%	66.7% #E2DBED	RVB 226 219 237	#E2DBED
83.3%	83.3% #E6DEF1	RVB 230 222 241	#E6DEF1
100.0%	100.0% #ECE2F6	RVB 236 226 246	#ECE2F6

#CFCDDD #D3D0E1 #D8D4E5 #DDD7E9 #E2DBED #E6DEF1 #ECE2F6

#CFCDDD - #DDD7E9 - #ECE2F6

Codes CSS

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

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