#DBA5FF - #852ECE | 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 #DBA5FF à #852ECE

#DBA5FF #852ECE

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

#DBA5FF - #852ECE | 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 #DBA5FF 0% et #852ECE 100%.

0.0%	0.0% #DBA5FF	RVB 219 165 255	#DBA5FF
16.7%	16.7% #CC91F6	RVB 204 145 246	#CC91F6
33.3%	33.3% #BE7DEE	RVB 190 125 238	#BE7DEE
50.0%	50.0% #B069E6	RVB 176 105 230	#B069E6
66.7%	66.7% #A155DE	RVB 161 85 222	#A155DE
83.3%	83.3% #9341D6	RVB 147 65 214	#9341D6
100.0%	100.0% #852ECE	RVB 133 46 206	#852ECE

#DBA5FF #CC91F6 #BE7DEE #B069E6 #A155DE #9341D6 #852ECE

#DBA5FF - #852ECE

Mélange HSV

#DBA5FF - #852ECE | 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 #DBA5FF 0% et #852ECE 100%.

0.0%	0.0% #DBA5FF	RVB 219 165 255	#DBA5FF
16.7%	16.7% #CC8EF6	RVB 204 142 246	#CC8EF6
33.3%	33.3% #BD78EE	RVB 189 120 238	#BD78EE
50.0%	50.0% #AE64E6	RVB 174 100 230	#AE64E6
66.7%	66.7% #A051DE	RVB 160 81 222	#A051DE
83.3%	83.3% #923ED6	RVB 146 62 214	#923ED6
100.0%	100.0% #852ECE	RVB 133 46 206	#852ECE

#DBA5FF #CC8EF6 #BD78EE #AE64E6 #A051DE #923ED6 #852ECE

#DBA5FF - #AE64E6 - #852ECE

Codes CSS

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

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