#DAC2FF - #8C59CE | 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 #DAC2FF à #8C59CE

#DAC2FF #8C59CE

Calculez la couleur entre deux couleurs, #DAC2FF et #8C59CE. 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)

#DAC2FF - #8C59CE | 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 #DAC2FF 0% et #8C59CE 100%.

0.0%	0.0% #DAC2FF	RVB 218 194 255	#DAC2FF
16.7%	16.7% #CDB0F6	RVB 205 176 246	#CDB0F6
33.3%	33.3% #C09FEE	RVB 192 159 238	#C09FEE
50.0%	50.0% #B38DE6	RVB 179 141 230	#B38DE6
66.7%	66.7% #A67CDE	RVB 166 124 222	#A67CDE
83.3%	83.3% #996AD6	RVB 153 106 214	#996AD6
100.0%	100.0% #8C59CE	RVB 140 89 206	#8C59CE

#DAC2FF #CDB0F6 #C09FEE #B38DE6 #A67CDE #996AD6 #8C59CE

#DAC2FF - #8C59CE

Mélange HSV

#DAC2FF - #8C59CE | 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 #DAC2FF 0% et #8C59CE 100%.

0.0%	0.0% #DAC2FF	RVB 218 194 255	#DAC2FF
16.7%	16.7% #CBAEF6	RVB 203 174 246	#CBAEF6
33.3%	33.3% #BD9BEE	RVB 189 155 238	#BD9BEE
50.0%	50.0% #B089E6	RVB 176 137 230	#B089E6
66.7%	66.7% #A378DE	RVB 163 120 222	#A378DE
83.3%	83.3% #9768D6	RVB 151 104 214	#9768D6
100.0%	100.0% #8C59CE	RVB 140 89 206	#8C59CE

#DAC2FF #CBAEF6 #BD9BEE #B089E6 #A378DE #9768D6 #8C59CE

#DAC2FF - #B089E6 - #8C59CE

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DAC2FF 0%, #B089E6 50%, #8C59CE 100%);
    background: -webkit-linear-gradient(top, #DAC2FF 0%, #B089E6 50%, #8C59CE 100%);
    background: linear-gradient(to bottom, #DAC2FF 0%, #B089E6 50%, #8C59CE 100%);
}
</style>