#A8505E - #E6CDD1 | 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 #A8505E à #E6CDD1

#A8505E #E6CDD1

Calculez la couleur entre deux couleurs, #A8505E et #E6CDD1. 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)

#A8505E - #E6CDD1 | 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 #A8505E 0% et #E6CDD1 100%.

0.0%	0.0% #A8505E	RVB 168 80 94	#A8505E
16.7%	16.7% #B26471	RVB 178 100 113	#B26471
33.3%	33.3% #BC7984	RVB 188 121 132	#BC7984
50.0%	50.0% #C78E97	RVB 199 142 151	#C78E97
66.7%	66.7% #D1A3AA	RVB 209 163 170	#D1A3AA
83.3%	83.3% #DBB8BD	RVB 219 184 189	#DBB8BD
100.0%	100.0% #E6CDD1	RVB 230 205 209	#E6CDD1

#A8505E #B26471 #BC7984 #C78E97 #D1A3AA #DBB8BD #E6CDD1

#A8505E - #E6CDD1

Mélange HSV

#A8505E - #E6CDD1 | 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 #A8505E 0% et #E6CDD1 100%.

0.0%	0.0% #A8505D	RVB 168 80 93	#A8505D
16.7%	16.7% #B2616E	RVB 178 97 110	#B2616E
33.3%	33.3% #BC737F	RVB 188 115 127	#BC737F
50.0%	50.0% #C78892	RVB 199 136 146	#C78892
66.7%	66.7% #D19DA5	RVB 209 157 165	#D19DA5
83.3%	83.3% #DBB4BA	RVB 219 180 186	#DBB4BA
100.0%	100.0% #E6CDD1	RVB 230 205 209	#E6CDD1

#A8505D #B2616E #BC737F #C78892 #D19DA5 #DBB4BA #E6CDD1

#A8505E - #C78892 - #E6CDD1

Codes CSS

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

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