#CDC2FF - #8158CF | 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 #CDC2FF à #8158CF

#CDC2FF #8158CF

Calculez la couleur entre deux couleurs, #CDC2FF et #8158CF. 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)

#CDC2FF - #8158CF | 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 #CDC2FF 0% et #8158CF 100%.

0.0%	0.0% #CDC2FF	RVB 205 194 255	#CDC2FF
16.7%	16.7% #C0B0F7	RVB 192 176 247	#C0B0F7
33.3%	33.3% #B39EEF	RVB 179 158 239	#B39EEF
50.0%	50.0% #A78DE7	RVB 167 141 231	#A78DE7
66.7%	66.7% #9A7BDF	RVB 154 123 223	#9A7BDF
83.3%	83.3% #8D69D7	RVB 141 105 215	#8D69D7
100.0%	100.0% #8158CF	RVB 129 88 207	#8158CF

#CDC2FF #C0B0F7 #B39EEF #A78DE7 #9A7BDF #8D69D7 #8158CF

#CDC2FF - #8158CF

Mélange HSV

#CDC2FF - #8158CF | 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 #CDC2FF 0% et #8158CF 100%.

0.0%	0.0% #CDC2FF	RVB 205 194 255	#CDC2FF
16.7%	16.7% #BDAEF7	RVB 189 174 247	#BDAEF7
33.3%	33.3% #AE9BEF	RVB 174 155 239	#AE9BEF
50.0%	50.0% #A188E7	RVB 161 136 231	#A188E7
66.7%	66.7% #9577DF	RVB 149 119 223	#9577DF
83.3%	83.3% #8A67D7	RVB 138 103 215	#8A67D7
100.0%	100.0% #8158CF	RVB 129 88 207	#8158CF

#CDC2FF #BDAEF7 #AE9BEF #A188E7 #9577DF #8A67D7 #8158CF

#CDC2FF - #A188E7 - #8158CF

Codes CSS

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

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