#CDCDCE - #E2D9D3 | 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 #CDCDCE à #E2D9D3

#CDCDCE #E2D9D3

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

#CDCDCE - #E2D9D3 | 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 #CDCDCE 0% et #E2D9D3 100%.

0.0%	0.0% #CDCDCE	RVB 205 205 206	#CDCDCE
16.7%	16.7% #D0CFCE	RVB 208 207 206	#D0CFCE
33.3%	33.3% #D4D1CF	RVB 212 209 207	#D4D1CF
50.0%	50.0% #D7D3D0	RVB 215 211 208	#D7D3D0
66.7%	66.7% #DBD5D1	RVB 219 213 209	#DBD5D1
83.3%	83.3% #DED7D2	RVB 222 215 210	#DED7D2
100.0%	100.0% #E2D9D3	RVB 226 217 211	#E2D9D3

#CDCDCE #D0CFCE #D4D1CF #D7D3D0 #DBD5D1 #DED7D2 #E2D9D3

#CDCDCE - #E2D9D3

Mélange HSV

#CDCDCE - #E2D9D3 | 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 #CDCDCE 0% et #E2D9D3 100%.

0.0%	0.0% #CDCDCE	RVB 205 205 206	#CDCDCE
16.7%	16.7% #CFCED1	RVB 207 206 209	#CFCED1
33.3%	33.3% #D3CFD4	RVB 211 207 212	#D3CFD4
50.0%	50.0% #D8D0D6	RVB 216 208 214	#D8D0D6
66.7%	66.7% #DBD1D5	RVB 219 209 213	#DBD1D5
83.3%	83.3% #DED2D2	RVB 222 210 210	#DED2D2
100.0%	100.0% #E2D9D3	RVB 226 217 211	#E2D9D3

#CDCDCE #CFCED1 #D3CFD4 #D8D0D6 #DBD1D5 #DED2D2 #E2D9D3

#CDCDCE - #D8D0D6 - #E2D9D3

Codes CSS

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

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