#8C3E5E - #DEC7D1 | 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 #8C3E5E à #DEC7D1

#8C3E5E #DEC7D1

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

#8C3E5E - #DEC7D1 | 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 #8C3E5E 0% et #DEC7D1 100%.

0.0%	0.0% #8C3E5E	RVB 140 62 94	#8C3E5E
16.7%	16.7% #995471	RVB 153 84 113	#995471
33.3%	33.3% #A76B84	RVB 167 107 132	#A76B84
50.0%	50.0% #B58297	RVB 181 130 151	#B58297
66.7%	66.7% #C299AA	RVB 194 153 170	#C299AA
83.3%	83.3% #D0B0BD	RVB 208 176 189	#D0B0BD
100.0%	100.0% #DEC7D1	RVB 222 199 209	#DEC7D1

#8C3E5E #995471 #A76B84 #B58297 #C299AA #D0B0BD #DEC7D1

#8C3E5E - #DEC7D1

Mélange HSV

#8C3E5E - #DEC7D1 | 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 #8C3E5E 0% et #DEC7D1 100%.

0.0%	0.0% #8C3E5E	RVB 140 62 94	#8C3E5E
16.7%	16.7% #994F6E	RVB 153 79 110	#994F6E
33.3%	33.3% #A7637F	RVB 167 99 127	#A7637F
50.0%	50.0% #B57992	RVB 181 121 146	#B57992
66.7%	66.7% #C291A6	RVB 194 145 166	#C291A6
83.3%	83.3% #D0ABBB	RVB 208 171 187	#D0ABBB
100.0%	100.0% #DEC7D1	RVB 222 199 209	#DEC7D1

#8C3E5E #994F6E #A7637F #B57992 #C291A6 #D0ABBB #DEC7D1

#8C3E5E - #B57992 - #DEC7D1

Codes CSS

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

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