#FF2A37 - #8D0517 | 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 #FF2A37 à #8D0517

#FF2A37 #8D0517

Calculez la couleur entre deux couleurs, #FF2A37 et #8D0517. 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)

#FF2A37 - #8D0517 | 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 #FF2A37 0% et #8D0517 100%.

0.0%	0.0% #FF2A37	RVB 255 42 55	#FF2A37
16.7%	16.7% #EC2331	RVB 236 35 49	#EC2331
33.3%	33.3% #D91D2C	RVB 217 29 44	#D91D2C
50.0%	50.0% #C61727	RVB 198 23 39	#C61727
66.7%	66.7% #B31121	RVB 179 17 33	#B31121
83.3%	83.3% #A00B1C	RVB 160 11 28	#A00B1C
100.0%	100.0% #8D0517	RVB 141 5 23	#8D0517

#FF2A37 #EC2331 #D91D2C #C61727 #B31121 #A00B1C #8D0517

#FF2A37 - #8D0517

Mélange HSV

#FF2A37 - #8D0517 | 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 #FF2A37 0% et #8D0517 100%.

0.0%	0.0% #FF2936	RVB 255 41 54	#FF2936
16.7%	16.7% #EC2130	RVB 236 33 48	#EC2130
33.3%	33.3% #D91A2A	RVB 217 26 42	#D91A2A
50.0%	50.0% #C61325	RVB 198 19 37	#C61325
66.7%	66.7% #B30E1F	RVB 179 14 31	#B30E1F
83.3%	83.3% #A0091B	RVB 160 9 27	#A0091B
100.0%	100.0% #8D0517	RVB 141 5 23	#8D0517

#FF2936 #EC2130 #D91A2A #C61325 #B30E1F #A0091B #8D0517

#FF2A37 - #C61325 - #8D0517

Codes CSS

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

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