#FF5EAA - #481A30 | 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 #FF5EAA à #481A30

#FF5EAA #481A30

Calculez la couleur entre deux couleurs, #FF5EAA et #481A30. 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)

#FF5EAA - #481A30 | 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 #FF5EAA 0% et #481A30 100%.

0.0%	0.0% #FF5EAA	RVB 255 94 170	#FF5EAA
16.7%	16.7% #E05295	RVB 224 82 149	#E05295
33.3%	33.3% #C24781	RVB 194 71 129	#C24781
50.0%	50.0% #A33C6D	RVB 163 60 109	#A33C6D
66.7%	66.7% #843058	RVB 132 48 88	#843058
83.3%	83.3% #662544	RVB 102 37 68	#662544
100.0%	100.0% #481A30	RVB 72 26 48	#481A30

#FF5EAA #E05295 #C24781 #A33C6D #843058 #662544 #481A30

#FF5EAA - #481A30

Mélange HSV

#FF5EAA - #481A30 | 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 #FF5EAA 0% et #481A30 100%.

0.0%	0.0% #FF5DAA	RVB 255 93 170	#FF5DAA
16.7%	16.7% #E05295	RVB 224 82 149	#E05295
33.3%	33.3% #C24781	RVB 194 71 129	#C24781
50.0%	50.0% #A33B6C	RVB 163 59 108	#A33B6C
66.7%	66.7% #843058	RVB 132 48 88	#843058
83.3%	83.3% #662544	RVB 102 37 68	#662544
100.0%	100.0% #481A30	RVB 72 26 48	#481A30

#FF5DAA #E05295 #C24781 #A33B6C #843058 #662544 #481A30

#FF5EAA - #A33B6C - #481A30

Codes CSS

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

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