#CDC8C9 - #DBC5E3 | 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 #CDC8C9 à #DBC5E3

#CDC8C9 #DBC5E3

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

#CDC8C9 - #DBC5E3 | 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 #CDC8C9 0% et #DBC5E3 100%.

0.0%	0.0% #CDC8C9	RVB 205 200 201	#CDC8C9
16.7%	16.7% #CFC7CD	RVB 207 199 205	#CFC7CD
33.3%	33.3% #D1C7D1	RVB 209 199 209	#D1C7D1
50.0%	50.0% #D4C6D6	RVB 212 198 214	#D4C6D6
66.7%	66.7% #D6C6DA	RVB 214 198 218	#D6C6DA
83.3%	83.3% #D8C5DE	RVB 216 197 222	#D8C5DE
100.0%	100.0% #DBC5E3	RVB 219 197 227	#DBC5E3

#CDC8C9 #CFC7CD #D1C7D1 #D4C6D6 #D6C6DA #D8C5DE #DBC5E3

#CDC8C9 - #DBC5E3

Mélange HSV

#CDC8C9 - #DBC5E3 | 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 #CDC8C9 0% et #DBC5E3 100%.

0.0%	0.0% #CDC8C9	RVB 205 200 201	#CDC8C9
16.7%	16.7% #D0C7CB	RVB 208 199 203	#D0C7CB
33.3%	33.3% #D4C7CE	RVB 212 199 206	#D4C7CE
50.0%	50.0% #D8C7D3	RVB 216 199 211	#D8C7D3
66.7%	66.7% #DBC6D9	RVB 219 198 217	#DBC6D9
83.3%	83.3% #DDC5DF	RVB 221 197 223	#DDC5DF
100.0%	100.0% #DBC5E3	RVB 219 197 227	#DBC5E3

#CDC8C9 #D0C7CB #D4C7CE #D8C7D3 #DBC6D9 #DDC5DF #DBC5E3

#CDC8C9 - #D8C7D3 - #DBC5E3

Codes CSS

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

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