#AA5E6D - #E6D1D5 | 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 #AA5E6D à #E6D1D5

#AA5E6D #E6D1D5

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

#AA5E6D - #E6D1D5 | 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 #AA5E6D 0% et #E6D1D5 100%.

0.0%	0.0% #AA5E6D	RVB 170 94 109	#AA5E6D
16.7%	16.7% #B4717E	RVB 180 113 126	#B4717E
33.3%	33.3% #BE848F	RVB 190 132 143	#BE848F
50.0%	50.0% #C897A1	RVB 200 151 161	#C897A1
66.7%	66.7% #D2AAB2	RVB 210 170 178	#D2AAB2
83.3%	83.3% #DCBDC3	RVB 220 189 195	#DCBDC3
100.0%	100.0% #E6D1D5	RVB 230 209 213	#E6D1D5

#AA5E6D #B4717E #BE848F #C897A1 #D2AAB2 #DCBDC3 #E6D1D5

#AA5E6D - #E6D1D5

Mélange HSV

#AA5E6D - #E6D1D5 | 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 #AA5E6D 0% et #E6D1D5 100%.

0.0%	0.0% #AA5E6D	RVB 170 94 109	#AA5E6D
16.7%	16.7% #B46E7B	RVB 180 110 123	#B46E7B
33.3%	33.3% #BE7F8B	RVB 190 127 139	#BE7F8B
50.0%	50.0% #C8929C	RVB 200 146 156	#C8929C
66.7%	66.7% #D2A5AE	RVB 210 165 174	#D2A5AE
83.3%	83.3% #DCBAC1	RVB 220 186 193	#DCBAC1
100.0%	100.0% #E6D1D5	RVB 230 209 213	#E6D1D5

#AA5E6D #B46E7B #BE7F8B #C8929C #D2A5AE #DCBAC1 #E6D1D5

#AA5E6D - #C8929C - #E6D1D5

Codes CSS

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

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