#CDC5E1 - #FFEDD9 | 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 #CDC5E1 à #FFEDD9

#CDC5E1 #FFEDD9

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

#CDC5E1 - #FFEDD9 | 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 #CDC5E1 0% et #FFEDD9 100%.

0.0%	0.0% #CDC5E1	RVB 205 197 225	#CDC5E1
16.7%	16.7% #D5CBDF	RVB 213 203 223	#D5CBDF
33.3%	33.3% #DDD2DE	RVB 221 210 222	#DDD2DE
50.0%	50.0% #E6D9DD	RVB 230 217 221	#E6D9DD
66.7%	66.7% #EEDFDB	RVB 238 223 219	#EEDFDB
83.3%	83.3% #F6E6DA	RVB 246 230 218	#F6E6DA
100.0%	100.0% #FFEDD9	RVB 255 237 217	#FFEDD9

#CDC5E1 #D5CBDF #DDD2DE #E6D9DD #EEDFDB #F6E6DA #FFEDD9

#CDC5E1 - #FFEDD9

Mélange HSV

#CDC5E1 - #FFEDD9 | 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 #CDC5E1 0% et #FFEDD9 100%.

0.0%	0.0% #CDC5E1	RVB 205 197 225	#CDC5E1
16.7%	16.7% #DBC8E6	RVB 219 200 230	#DBC8E6
33.3%	33.3% #EBCBE9	RVB 235 203 233	#EBCBE9
50.0%	50.0% #F0CFE2	RVB 240 207 226	#F0CFE2
66.7%	66.7% #F5D2DA	RVB 245 210 218	#F5D2DA
83.3%	83.3% #FADBD5	RVB 250 219 213	#FADBD5
100.0%	100.0% #FFEDD9	RVB 255 237 217	#FFEDD9

#CDC5E1 #DBC8E6 #EBCBE9 #F0CFE2 #F5D2DA #FADBD5 #FFEDD9

#CDC5E1 - #F0CFE2 - #FFEDD9

Codes CSS

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

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