#CAB0FF - #623ECE | 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 #CAB0FF à #623ECE

#CAB0FF #623ECE

Calculez la couleur entre deux couleurs, #CAB0FF et #623ECE. 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)

#CAB0FF - #623ECE | 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 #CAB0FF 0% et #623ECE 100%.

0.0%	0.0% #CAB0FF	RVB 202 176 255	#CAB0FF
16.7%	16.7% #B89DF6	RVB 184 157 246	#B89DF6
33.3%	33.3% #A78AEE	RVB 167 138 238	#A78AEE
50.0%	50.0% #9677E6	RVB 150 119 230	#9677E6
66.7%	66.7% #8464DE	RVB 132 100 222	#8464DE
83.3%	83.3% #7351D6	RVB 115 81 214	#7351D6
100.0%	100.0% #623ECE	RVB 98 62 206	#623ECE

#CAB0FF #B89DF6 #A78AEE #9677E6 #8464DE #7351D6 #623ECE

#CAB0FF - #623ECE

Mélange HSV

#CAB0FF - #623ECE | 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 #CAB0FF 0% et #623ECE 100%.

0.0%	0.0% #CAB0FF	RVB 202 176 255	#CAB0FF
16.7%	16.7% #B79AF6	RVB 183 154 246	#B79AF6
33.3%	33.3% #A585EE	RVB 165 133 238	#A585EE
50.0%	50.0% #9372E6	RVB 147 114 230	#9372E6
66.7%	66.7% #825FDE	RVB 130 95 222	#825FDE
83.3%	83.3% #724ED6	RVB 114 78 214	#724ED6
100.0%	100.0% #623ECE	RVB 98 62 206	#623ECE

#CAB0FF #B79AF6 #A585EE #9372E6 #825FDE #724ED6 #623ECE

#CAB0FF - #9372E6 - #623ECE

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAB0FF 0%, #9372E6 50%, #623ECE 100%);
    background: -webkit-linear-gradient(top, #CAB0FF 0%, #9372E6 50%, #623ECE 100%);
    background: linear-gradient(to bottom, #CAB0FF 0%, #9372E6 50%, #623ECE 100%);
}
</style>