#CAC5E1 - #8266A3 | 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 #CAC5E1 à #8266A3

#CAC5E1 #8266A3

Calculez la couleur entre deux couleurs, #CAC5E1 et #8266A3. 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)

#CAC5E1 - #8266A3 | 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 #CAC5E1 0% et #8266A3 100%.

0.0%	0.0% #CAC5E1	RVB 202 197 225	#CAC5E1
16.7%	16.7% #BEB5D6	RVB 190 181 214	#BEB5D6
33.3%	33.3% #B2A5CC	RVB 178 165 204	#B2A5CC
50.0%	50.0% #A695C2	RVB 166 149 194	#A695C2
66.7%	66.7% #9A85B7	RVB 154 133 183	#9A85B7
83.3%	83.3% #8E75AD	RVB 142 117 173	#8E75AD
100.0%	100.0% #8266A3	RVB 130 102 163	#8266A3

#CAC5E1 #BEB5D6 #B2A5CC #A695C2 #9A85B7 #8E75AD #8266A3

#CAC5E1 - #8266A3

Mélange HSV

#CAC5E1 - #8266A3 | 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 #CAC5E1 0% et #8266A3 100%.

0.0%	0.0% #CAC5E1	RVB 202 197 225	#CAC5E1
16.7%	16.7% #BBB3D6	RVB 187 179 214	#BBB3D6
33.3%	33.3% #ADA1CC	RVB 173 161 204	#ADA1CC
50.0%	50.0% #A191C2	RVB 161 145 194	#A191C2
66.7%	66.7% #9582B7	RVB 149 130 183	#9582B7
83.3%	83.3% #8B73AD	RVB 139 115 173	#8B73AD
100.0%	100.0% #8266A3	RVB 130 102 163	#8266A3

#CAC5E1 #BBB3D6 #ADA1CC #A191C2 #9582B7 #8B73AD #8266A3

#CAC5E1 - #A191C2 - #8266A3

Codes CSS

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

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