#DEC5E2 - #8C6DA3 | 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 #DEC5E2 à #8C6DA3

#DEC5E2 #8C6DA3

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

#DEC5E2 - #8C6DA3 | 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 #DEC5E2 0% et #8C6DA3 100%.

0.0%	0.0% #DEC5E2	RVB 222 197 226	#DEC5E2
16.7%	16.7% #D0B6D7	RVB 208 182 215	#D0B6D7
33.3%	33.3% #C2A7CD	RVB 194 167 205	#C2A7CD
50.0%	50.0% #B599C2	RVB 181 153 194	#B599C2
66.7%	66.7% #A78AB8	RVB 167 138 184	#A78AB8
83.3%	83.3% #997BAD	RVB 153 123 173	#997BAD
100.0%	100.0% #8C6DA3	RVB 140 109 163	#8C6DA3

#DEC5E2 #D0B6D7 #C2A7CD #B599C2 #A78AB8 #997BAD #8C6DA3

#DEC5E2 - #8C6DA3

Mélange HSV

#DEC5E2 - #8C6DA3 | 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 #DEC5E2 0% et #8C6DA3 100%.

0.0%	0.0% #DEC5E2	RVB 222 197 226	#DEC5E2
16.7%	16.7% #D1B4D7	RVB 209 180 215	#D1B4D7
33.3%	33.3% #C3A4CD	RVB 195 164 205	#C3A4CD
50.0%	50.0% #B595C2	RVB 181 149 194	#B595C2
66.7%	66.7% #A787B8	RVB 167 135 184	#A787B8
83.3%	83.3% #9979AD	RVB 153 121 173	#9979AD
100.0%	100.0% #8C6DA3	RVB 140 109 163	#8C6DA3

#DEC5E2 #D1B4D7 #C3A4CD #B595C2 #A787B8 #9979AD #8C6DA3

#DEC5E2 - #B595C2 - #8C6DA3

Codes CSS

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

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