#C3C8C5 - #E5D2D9 | 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 #C3C8C5 à #E5D2D9

#C3C8C5 #E5D2D9

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

#C3C8C5 - #E5D2D9 | 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 #C3C8C5 0% et #E5D2D9 100%.

0.0%	0.0% #C3C8C5	RVB 195 200 197	#C3C8C5
16.7%	16.7% #C8C9C8	RVB 200 201 200	#C8C9C8
33.3%	33.3% #CECBCB	RVB 206 203 203	#CECBCB
50.0%	50.0% #D4CDCF	RVB 212 205 207	#D4CDCF
66.7%	66.7% #D9CED2	RVB 217 206 210	#D9CED2
83.3%	83.3% #DFD0D5	RVB 223 208 213	#DFD0D5
100.0%	100.0% #E5D2D9	RVB 229 210 217	#E5D2D9

#C3C8C5 #C8C9C8 #CECBCB #D4CDCF #D9CED2 #DFD0D5 #E5D2D9

#C3C8C5 - #E5D2D9

Mélange HSV

#C3C8C5 - #E5D2D9 | 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 #C3C8C5 0% et #E5D2D9 100%.

0.0%	0.0% #C3C8C5	RVB 195 200 197	#C3C8C5
16.7%	16.7% #C6CCC5	RVB 198 204 197	#C6CCC5
33.3%	33.3% #CDD1C8	RVB 205 209 200	#CDD1C8
50.0%	50.0% #D6D6CA	RVB 214 214 202	#D6D6CA
66.7%	66.7% #DBD5CD	RVB 219 213 205	#DBD5CD
83.3%	83.3% #E0D1CF	RVB 224 209 207	#E0D1CF
100.0%	100.0% #E5D2D9	RVB 229 210 217	#E5D2D9

#C3C8C5 #C6CCC5 #CDD1C8 #D6D6CA #DBD5CD #E0D1CF #E5D2D9

#C3C8C5 - #D6D6CA - #E5D2D9

Codes CSS

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

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