#C92B2B - #FF7835 | 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 #C92B2B à #FF7835

#C92B2B #FF7835

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

#C92B2B - #FF7835 | 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 #C92B2B 0% et #FF7835 100%.

0.0%	0.0% #C92B2B	RVB 201 43 43	#C92B2B
16.7%	16.7% #D2372C	RVB 210 55 44	#D2372C
33.3%	33.3% #DB442E	RVB 219 68 46	#DB442E
50.0%	50.0% #E45130	RVB 228 81 48	#E45130
66.7%	66.7% #ED5E31	RVB 237 94 49	#ED5E31
83.3%	83.3% #F66B33	RVB 246 107 51	#F66B33
100.0%	100.0% #FF7835	RVB 255 120 53	#FF7835

#C92B2B #D2372C #DB442E #E45130 #ED5E31 #F66B33 #FF7835

#C92B2B - #FF7835

Mélange HSV

#C92B2B - #FF7835 | 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 #C92B2B 0% et #FF7835 100%.

0.0%	0.0% #C92A2A	RVB 201 42 42	#C92A2A
16.7%	16.7% #D2352C	RVB 210 53 44	#D2352C
33.3%	33.3% #DB412E	RVB 219 65 46	#DB412E
50.0%	50.0% #E44D30	RVB 228 77 48	#E44D30
66.7%	66.7% #ED5B31	RVB 237 91 49	#ED5B31
83.3%	83.3% #F66933	RVB 246 105 51	#F66933
100.0%	100.0% #FF7835	RVB 255 120 53	#FF7835

#C92A2A #D2352C #DB412E #E44D30 #ED5B31 #F66933 #FF7835

#C92B2B - #E44D30 - #FF7835

Codes CSS

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

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