#D3C3C7 - #D9E3E2 | 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 #D3C3C7 à #D9E3E2

#D3C3C7 #D9E3E2

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

#D3C3C7 - #D9E3E2 | 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 #D3C3C7 0% et #D9E3E2 100%.

0.0%	0.0% #D3C3C7	RVB 211 195 199	#D3C3C7
16.7%	16.7% #D4C8CB	RVB 212 200 203	#D4C8CB
33.3%	33.3% #D5CDD0	RVB 213 205 208	#D5CDD0
50.0%	50.0% #D6D3D4	RVB 214 211 212	#D6D3D4
66.7%	66.7% #D7D8D9	RVB 215 216 217	#D7D8D9
83.3%	83.3% #D8DDDD	RVB 216 221 221	#D8DDDD
100.0%	100.0% #D9E3E2	RVB 217 227 226	#D9E3E2

#D3C3C7 #D4C8CB #D5CDD0 #D6D3D4 #D7D8D9 #D8DDDD #D9E3E2

#D3C3C7 - #D9E3E2

Mélange HSV

#D3C3C7 - #D9E3E2 | 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 #D3C3C7 0% et #D9E3E2 100%.

0.0%	0.0% #D3C3C7	RVB 211 195 199	#D3C3C7
16.7%	16.7% #D5C6D1	RVB 213 198 209	#D5C6D1
33.3%	33.3% #D5CAD8	RVB 213 202 216	#D5CAD8
50.0%	50.0% #D2CDDB	RVB 210 205 219	#D2CDDB
66.7%	66.7% #D1D3DD	RVB 209 211 221	#D1D3DD
83.3%	83.3% #D5DCE0	RVB 213 220 224	#D5DCE0
100.0%	100.0% #D9E3E2	RVB 217 227 226	#D9E3E2

#D3C3C7 #D5C6D1 #D5CAD8 #D2CDDB #D1D3DD #D5DCE0 #D9E3E2

#D3C3C7 - #D2CDDB - #D9E3E2

Codes CSS

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

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