#FF5E3C - #481A11 | 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 #FF5E3C a #481A11

#FF5E3C #481A11

Calcule el color entre dos colores, #FF5E3C y #481A11. 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)

#FF5E3C - #481A11 | 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 #FF5E3C como 0% y #481A11 como 100%.

0.0%	0.0% #FF5E3C	RGB 255 94 60	#FF5E3C
16.7%	16.7% #E05234	RGB 224 82 52	#E05234
33.3%	33.3% #C2472D	RGB 194 71 45	#C2472D
50.0%	50.0% #A33C26	RGB 163 60 38	#A33C26
66.7%	66.7% #84301F	RGB 132 48 31	#84301F
83.3%	83.3% #662518	RGB 102 37 24	#662518
100.0%	100.0% #481A11	RGB 72 26 17	#481A11

#FF5E3C #E05234 #C2472D #A33C26 #84301F #662518 #481A11

#FF5E3C - #481A11

Mezcla HSV

#FF5E3C - #481A11 | 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 #FF5E3C como 0% y #481A11 como 100%.

0.0%	0.0% #FF5D3B	RGB 255 93 59	#FF5D3B
16.7%	16.7% #E05234	RGB 224 82 52	#E05234
33.3%	33.3% #C2472D	RGB 194 71 45	#C2472D
50.0%	50.0% #A33B26	RGB 163 59 38	#A33B26
66.7%	66.7% #84301F	RGB 132 48 31	#84301F
83.3%	83.3% #662518	RGB 102 37 24	#662518
100.0%	100.0% #481A11	RGB 72 26 17	#481A11

#FF5D3B #E05234 #C2472D #A33B26 #84301F #662518 #481A11

#FF5E3C - #A33B26 - #481A11

Códigos CSS

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

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