#AC5E6B - #E7D1D3 | 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 #AC5E6B à #E7D1D3

#AC5E6B #E7D1D3

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

#AC5E6B - #E7D1D3 | 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 #AC5E6B 0% et #E7D1D3 100%.

0.0%	0.0% #AC5E6B	RVB 172 94 107	#AC5E6B
16.7%	16.7% #B5717C	RVB 181 113 124	#B5717C
33.3%	33.3% #BF848D	RVB 191 132 141	#BF848D
50.0%	50.0% #C9979F	RVB 201 151 159	#C9979F
66.7%	66.7% #D3AAB0	RVB 211 170 176	#D3AAB0
83.3%	83.3% #DDBDC1	RVB 221 189 193	#DDBDC1
100.0%	100.0% #E7D1D3	RVB 231 209 211	#E7D1D3

#AC5E6B #B5717C #BF848D #C9979F #D3AAB0 #DDBDC1 #E7D1D3

#AC5E6B - #E7D1D3

Mélange HSV

#AC5E6B - #E7D1D3 | 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 #AC5E6B 0% et #E7D1D3 100%.

0.0%	0.0% #AC5E6B	RVB 172 94 107	#AC5E6B
16.7%	16.7% #B56E79	RVB 181 110 121	#B56E79
33.3%	33.3% #BF7F88	RVB 191 127 136	#BF7F88
50.0%	50.0% #C99299	RVB 201 146 153	#C99299
66.7%	66.7% #D3A5AB	RVB 211 165 171	#D3A5AB
83.3%	83.3% #DDBABE	RVB 221 186 190	#DDBABE
100.0%	100.0% #E7D1D3	RVB 231 209 211	#E7D1D3

#AC5E6B #B56E79 #BF7F88 #C99299 #D3A5AB #DDBABE #E7D1D3

#AC5E6B - #C99299 - #E7D1D3

Codes CSS

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

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