#FF5E6B - #481A1E | 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 #FF5E6B à #481A1E

#FF5E6B #481A1E

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

#FF5E6B - #481A1E | 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 #FF5E6B 0% et #481A1E 100%.

0.0%	0.0% #FF5E6B	RVB 255 94 107	#FF5E6B
16.7%	16.7% #E0525E	RVB 224 82 94	#E0525E
33.3%	33.3% #C24751	RVB 194 71 81	#C24751
50.0%	50.0% #A33C44	RVB 163 60 68	#A33C44
66.7%	66.7% #843037	RVB 132 48 55	#843037
83.3%	83.3% #66252A	RVB 102 37 42	#66252A
100.0%	100.0% #481A1E	RVB 72 26 30	#481A1E

#FF5E6B #E0525E #C24751 #A33C44 #843037 #66252A #481A1E

#FF5E6B - #481A1E

Mélange HSV

#FF5E6B - #481A1E | 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 #FF5E6B 0% et #481A1E 100%.

0.0%	0.0% #FF5D6A	RVB 255 93 106	#FF5D6A
16.7%	16.7% #E0525E	RVB 224 82 94	#E0525E
33.3%	33.3% #C24751	RVB 194 71 81	#C24751
50.0%	50.0% #A33B44	RVB 163 59 68	#A33B44
66.7%	66.7% #843037	RVB 132 48 55	#843037
83.3%	83.3% #66252A	RVB 102 37 42	#66252A
100.0%	100.0% #481A1E	RVB 72 26 30	#481A1E

#FF5D6A #E0525E #C24751 #A33B44 #843037 #66252A #481A1E

#FF5E6B - #A33B44 - #481A1E

Codes CSS

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

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