#C92E35 - #5E0D14 | 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 #C92E35 à #5E0D14

#C92E35 #5E0D14

Calculez la couleur entre deux couleurs, #C92E35 et #5E0D14. 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)

#C92E35 - #5E0D14 | 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 #C92E35 0% et #5E0D14 100%.

0.0%	0.0% #C92E35	RVB 201 46 53	#C92E35
16.7%	16.7% #B7282F	RVB 183 40 47	#B7282F
33.3%	33.3% #A5232A	RVB 165 35 42	#A5232A
50.0%	50.0% #931D24	RVB 147 29 36	#931D24
66.7%	66.7% #81181F	RVB 129 24 31	#81181F
83.3%	83.3% #6F1219	RVB 111 18 25	#6F1219
100.0%	100.0% #5E0D14	RVB 94 13 20	#5E0D14

#C92E35 #B7282F #A5232A #931D24 #81181F #6F1219 #5E0D14

#C92E35 - #5E0D14

Mélange HSV

#C92E35 - #5E0D14 | 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 #C92E35 0% et #5E0D14 100%.

0.0%	0.0% #C92E35	RVB 201 46 53	#C92E35
16.7%	16.7% #B7272E	RVB 183 39 46	#B7272E
33.3%	33.3% #A52028	RVB 165 32 40	#A52028
50.0%	50.0% #931B23	RVB 147 27 35	#931B23
66.7%	66.7% #81151D	RVB 129 21 29	#81151D
83.3%	83.3% #6F1118	RVB 111 17 24	#6F1118
100.0%	100.0% #5E0D14	RVB 94 13 20	#5E0D14

#C92E35 #B7272E #A52028 #931B23 #81151D #6F1118 #5E0D14

#C92E35 - #931B23 - #5E0D14

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C92E35 0%, #931B23 50%, #5E0D14 100%);
    background: -webkit-linear-gradient(top, #C92E35 0%, #931B23 50%, #5E0D14 100%);
    background: linear-gradient(to bottom, #C92E35 0%, #931B23 50%, #5E0D14 100%);
}
</style>