#A25B5E - #E4D0D1 | 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 #A25B5E à #E4D0D1

#A25B5E #E4D0D1

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

#A25B5E - #E4D0D1 | 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 #A25B5E 0% et #E4D0D1 100%.

0.0%	0.0% #A25B5E	RVB 162 91 94	#A25B5E
16.7%	16.7% #AD6E71	RVB 173 110 113	#AD6E71
33.3%	33.3% #B88284	RVB 184 130 132	#B88284
50.0%	50.0% #C39597	RVB 195 149 151	#C39597
66.7%	66.7% #CEA9AA	RVB 206 169 170	#CEA9AA
83.3%	83.3% #D9BCBD	RVB 217 188 189	#D9BCBD
100.0%	100.0% #E4D0D1	RVB 228 208 209	#E4D0D1

#A25B5E #AD6E71 #B88284 #C39597 #CEA9AA #D9BCBD #E4D0D1

#A25B5E - #E4D0D1

Mélange HSV

#A25B5E - #E4D0D1 | 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 #A25B5E 0% et #E4D0D1 100%.

0.0%	0.0% #A25B5D	RVB 162 91 93	#A25B5D
16.7%	16.7% #AD6B6E	RVB 173 107 110	#AD6B6E
33.3%	33.3% #B87C7F	RVB 184 124 127	#B87C7F
50.0%	50.0% #C38F92	RVB 195 143 146	#C38F92
66.7%	66.7% #CEA3A5	RVB 206 163 165	#CEA3A5
83.3%	83.3% #D9B9BA	RVB 217 185 186	#D9B9BA
100.0%	100.0% #E4D0D1	RVB 228 208 209	#E4D0D1

#A25B5D #AD6B6E #B87C7F #C38F92 #CEA3A5 #D9B9BA #E4D0D1

#A25B5E - #C38F92 - #E4D0D1

Codes CSS

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

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