#CDB5E9 - #FFEADF | 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 #CDB5E9 à #FFEADF

#CDB5E9 #FFEADF

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

#CDB5E9 - #FFEADF | 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 #CDB5E9 0% et #FFEADF 100%.

0.0%	0.0% #CDB5E9	RVB 205 181 233	#CDB5E9
16.7%	16.7% #D5BDE7	RVB 213 189 231	#D5BDE7
33.3%	33.3% #DDC6E5	RVB 221 198 229	#DDC6E5
50.0%	50.0% #E6CFE4	RVB 230 207 228	#E6CFE4
66.7%	66.7% #EED8E2	RVB 238 216 226	#EED8E2
83.3%	83.3% #F6E1E0	RVB 246 225 224	#F6E1E0
100.0%	100.0% #FFEADF	RVB 255 234 223	#FFEADF

#CDB5E9 #D5BDE7 #DDC6E5 #E6CFE4 #EED8E2 #F6E1E0 #FFEADF

#CDB5E9 - #FFEADF

Mélange HSV

#CDB5E9 - #FFEADF | 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 #CDB5E9 0% et #FFEADF 100%.

0.0%	0.0% #CDB5E9	RVB 205 181 233	#CDB5E9
16.7%	16.7% #E1BBEC	RVB 225 187 236	#E1BBEC
33.3%	33.3% #F0C2EC	RVB 240 194 236	#F0C2EC
50.0%	50.0% #F4C9E2	RVB 244 201 226	#F4C9E2
66.7%	66.7% #F7D0DB	RVB 247 208 219	#F7D0DB
83.3%	83.3% #FBD8D7	RVB 251 216 215	#FBD8D7
100.0%	100.0% #FFEADF	RVB 255 234 223	#FFEADF

#CDB5E9 #E1BBEC #F0C2EC #F4C9E2 #F7D0DB #FBD8D7 #FFEADF

#CDB5E9 - #F4C9E2 - #FFEADF

Codes CSS

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

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