#AA5C92 - #E6D0DF | 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 #AA5C92 à #E6D0DF

#AA5C92 #E6D0DF

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

#AA5C92 - #E6D0DF | 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 #AA5C92 0% et #E6D0DF 100%.

0.0%	0.0% #AA5C92	RVB 170 92 146	#AA5C92
16.7%	16.7% #B46F9E	RVB 180 111 158	#B46F9E
33.3%	33.3% #BE82AB	RVB 190 130 171	#BE82AB
50.0%	50.0% #C896B8	RVB 200 150 184	#C896B8
66.7%	66.7% #D2A9C5	RVB 210 169 197	#D2A9C5
83.3%	83.3% #DCBCD2	RVB 220 188 210	#DCBCD2
100.0%	100.0% #E6D0DF	RVB 230 208 223	#E6D0DF

#AA5C92 #B46F9E #BE82AB #C896B8 #D2A9C5 #DCBCD2 #E6D0DF

#AA5C92 - #E6D0DF

Mélange HSV

#AA5C92 - #E6D0DF | 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 #AA5C92 0% et #E6D0DF 100%.

0.0%	0.0% #AA5C92	RVB 170 92 146	#AA5C92
16.7%	16.7% #B46C9D	RVB 180 108 157	#B46C9D
33.3%	33.3% #BE7DAA	RVB 190 125 170	#BE7DAA
50.0%	50.0% #C890B6	RVB 200 144 182	#C890B6
66.7%	66.7% #D2A4C3	RVB 210 164 195	#D2A4C3
83.3%	83.3% #DCB9D1	RVB 220 185 209	#DCB9D1
100.0%	100.0% #E6D0DF	RVB 230 208 223	#E6D0DF

#AA5C92 #B46C9D #BE7DAA #C890B6 #D2A4C3 #DCB9D1 #E6D0DF

#AA5C92 - #C890B6 - #E6D0DF

Codes CSS

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

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