#CFB5E7 - #954ABC | 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 #CFB5E7 à #954ABC

#CFB5E7 #954ABC

Calculez la couleur entre deux couleurs, #CFB5E7 et #954ABC. 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)

#CFB5E7 - #954ABC | 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 #CFB5E7 0% et #954ABC 100%.

0.0%	0.0% #CFB5E7	RVB 207 181 231	#CFB5E7
16.7%	16.7% #C5A3DF	RVB 197 163 223	#C5A3DF
33.3%	33.3% #BB91D8	RVB 187 145 216	#BB91D8
50.0%	50.0% #B27FD1	RVB 178 127 209	#B27FD1
66.7%	66.7% #A86DCA	RVB 168 109 202	#A86DCA
83.3%	83.3% #9E5BC3	RVB 158 91 195	#9E5BC3
100.0%	100.0% #954ABC	RVB 149 74 188	#954ABC

#CFB5E7 #C5A3DF #BB91D8 #B27FD1 #A86DCA #9E5BC3 #954ABC

#CFB5E7 - #954ABC

Mélange HSV

#CFB5E7 - #954ABC | 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 #CFB5E7 0% et #954ABC 100%.

0.0%	0.0% #CFB5E7	RVB 207 181 231	#CFB5E7
16.7%	16.7% #C3A0DF	RVB 195 160 223	#C3A0DF
33.3%	33.3% #B88DD8	RVB 184 141 216	#B88DD8
50.0%	50.0% #AE7BD1	RVB 174 123 209	#AE7BD1
66.7%	66.7% #A469CA	RVB 164 105 202	#A469CA
83.3%	83.3% #9C59C3	RVB 156 89 195	#9C59C3
100.0%	100.0% #954ABC	RVB 149 74 188	#954ABC

#CFB5E7 #C3A0DF #B88DD8 #AE7BD1 #A469CA #9C59C3 #954ABC

#CFB5E7 - #AE7BD1 - #954ABC

Codes CSS

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

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