#CECACD - #D3C5E3 | 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 #CECACD à #D3C5E3

#CECACD #D3C5E3

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

#CECACD - #D3C5E3 | 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 #CECACD 0% et #D3C5E3 100%.

0.0%	0.0% #CECACD	RVB 206 202 205	#CECACD
16.7%	16.7% #CEC9D0	RVB 206 201 208	#CEC9D0
33.3%	33.3% #CFC8D4	RVB 207 200 212	#CFC8D4
50.0%	50.0% #D0C7D8	RVB 208 199 216	#D0C7D8
66.7%	66.7% #D1C6DB	RVB 209 198 219	#D1C6DB
83.3%	83.3% #D2C5DF	RVB 210 197 223	#D2C5DF
100.0%	100.0% #D3C5E3	RVB 211 197 227	#D3C5E3

#CECACD #CEC9D0 #CFC8D4 #D0C7D8 #D1C6DB #D2C5DF #D3C5E3

#CECACD - #D3C5E3

Mélange HSV

#CECACD - #D3C5E3 | 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 #CECACD 0% et #D3C5E3 100%.

0.0%	0.0% #CECACD	RVB 206 202 205	#CECACD
16.7%	16.7% #D1C9D0	RVB 209 201 208	#D1C9D0
33.3%	33.3% #D4C8D5	RVB 212 200 213	#D4C8D5
50.0%	50.0% #D6C8D8	RVB 214 200 216	#D6C8D8
66.7%	66.7% #D6C7DC	RVB 214 199 220	#D6C7DC
83.3%	83.3% #D5C6DF	RVB 213 198 223	#D5C6DF
100.0%	100.0% #D3C5E3	RVB 211 197 227	#D3C5E3

#CECACD #D1C9D0 #D4C8D5 #D6C8D8 #D6C7DC #D5C6DF #D3C5E3

#CECACD - #D6C8D8 - #D3C5E3

Codes CSS

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

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