#CAC5E9 - #8263AE | 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 #CAC5E9 à #8263AE

#CAC5E9 #8263AE

Calculez la couleur entre deux couleurs, #CAC5E9 et #8263AE. 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)

#CAC5E9 - #8263AE | 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 #CAC5E9 0% et #8263AE 100%.

0.0%	0.0% #CAC5E9	RVB 202 197 233	#CAC5E9
16.7%	16.7% #BEB4DF	RVB 190 180 223	#BEB4DF
33.3%	33.3% #B2A4D5	RVB 178 164 213	#B2A4D5
50.0%	50.0% #A694CB	RVB 166 148 203	#A694CB
66.7%	66.7% #9A83C1	RVB 154 131 193	#9A83C1
83.3%	83.3% #8E73B7	RVB 142 115 183	#8E73B7
100.0%	100.0% #8263AE	RVB 130 99 174	#8263AE

#CAC5E9 #BEB4DF #B2A4D5 #A694CB #9A83C1 #8E73B7 #8263AE

#CAC5E9 - #8263AE

Mélange HSV

#CAC5E9 - #8263AE | 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 #CAC5E9 0% et #8263AE 100%.

0.0%	0.0% #CAC5E9	RVB 202 197 233	#CAC5E9
16.7%	16.7% #BAB2DF	RVB 186 178 223	#BAB2DF
33.3%	33.3% #ACA0D5	RVB 172 160 213	#ACA0D5
50.0%	50.0% #A08FCB	RVB 160 143 203	#A08FCB
66.7%	66.7% #9580C1	RVB 149 128 193	#9580C1
83.3%	83.3% #8B71B7	RVB 139 113 183	#8B71B7
100.0%	100.0% #8263AE	RVB 130 99 174	#8263AE

#CAC5E9 #BAB2DF #ACA0D5 #A08FCB #9580C1 #8B71B7 #8263AE

#CAC5E9 - #A08FCB - #8263AE

Codes CSS

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

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