#DEC2FF - #8F59CE | 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 #DEC2FF à #8F59CE

#DEC2FF #8F59CE

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

#DEC2FF - #8F59CE | 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 #DEC2FF 0% et #8F59CE 100%.

0.0%	0.0% #DEC2FF	RVB 222 194 255	#DEC2FF
16.7%	16.7% #D0B0F6	RVB 208 176 246	#D0B0F6
33.3%	33.3% #C39FEE	RVB 195 159 238	#C39FEE
50.0%	50.0% #B68DE6	RVB 182 141 230	#B68DE6
66.7%	66.7% #A97CDE	RVB 169 124 222	#A97CDE
83.3%	83.3% #9C6AD6	RVB 156 106 214	#9C6AD6
100.0%	100.0% #8F59CE	RVB 143 89 206	#8F59CE

#DEC2FF #D0B0F6 #C39FEE #B68DE6 #A97CDE #9C6AD6 #8F59CE

#DEC2FF - #8F59CE

Mélange HSV

#DEC2FF - #8F59CE | 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 #DEC2FF 0% et #8F59CE 100%.

0.0%	0.0% #DEC2FF	RVB 222 194 255	#DEC2FF
16.7%	16.7% #CFAEF6	RVB 207 174 246	#CFAEF6
33.3%	33.3% #C19BEE	RVB 193 155 238	#C19BEE
50.0%	50.0% #B489E6	RVB 180 137 230	#B489E6
66.7%	66.7% #A778DE	RVB 167 120 222	#A778DE
83.3%	83.3% #9A68D6	RVB 154 104 214	#9A68D6
100.0%	100.0% #8F59CE	RVB 143 89 206	#8F59CE

#DEC2FF #CFAEF6 #C19BEE #B489E6 #A778DE #9A68D6 #8F59CE

#DEC2FF - #B489E6 - #8F59CE

Codes CSS

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

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