#C92B2B - #FF7835 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #C92B2B a #FF7835

#C92B2B #FF7835

Calcule el color entre dos colores, #C92B2B y #FF7835. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#C92B2B - #FF7835 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #C92B2B como 0% y #FF7835 como 100%.

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

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

#C92B2B - #FF7835

Mezcla HSV

#C92B2B - #FF7835 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #C92B2B como 0% y #FF7835 como 100%.

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

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

#C92B2B - #E44D30 - #FF7835

Códigos 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>