#B33E3E - #FA8B54 | 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 #B33E3E a #FA8B54

#B33E3E #FA8B54

Calcule el color entre dos colores, #B33E3E y #FA8B54. 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)

#B33E3E - #FA8B54 | 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 #B33E3E como 0% y #FA8B54 como 100%.

0.0%	0.0% #B33E3E	RGB 179 62 62	#B33E3E
16.7%	16.7% #BE4A41	RGB 190 74 65	#BE4A41
33.3%	33.3% #CA5745	RGB 202 87 69	#CA5745
50.0%	50.0% #D66449	RGB 214 100 73	#D66449
66.7%	66.7% #E2714C	RGB 226 113 76	#E2714C
83.3%	83.3% #EE7E50	RGB 238 126 80	#EE7E50
100.0%	100.0% #FA8B54	RGB 250 139 84	#FA8B54

#B33E3E #BE4A41 #CA5745 #D66449 #E2714C #EE7E50 #FA8B54

#B33E3E - #FA8B54

Mezcla HSV

#B33E3E - #FA8B54 | 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 #B33E3E como 0% y #FA8B54 como 100%.

0.0%	0.0% #B33E3E	RGB 179 62 62	#B33E3E
16.7%	16.7% #BE4841	RGB 190 72 65	#BE4841
33.3%	33.3% #CA5445	RGB 202 84 69	#CA5445
50.0%	50.0% #D66049	RGB 214 96 73	#D66049
66.7%	66.7% #E26D4C	RGB 226 109 76	#E26D4C
83.3%	83.3% #EE7B50	RGB 238 123 80	#EE7B50
100.0%	100.0% #FA8B54	RGB 250 139 84	#FA8B54

#B33E3E #BE4841 #CA5445 #D66049 #E26D4C #EE7B50 #FA8B54

#B33E3E - #D66049 - #FA8B54

Códigos CSS

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

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