#962D00 - #F1520E | 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 #962D00 a #F1520E

#962D00 #F1520E

Calcule el color entre dos colores, #962D00 y #F1520E. 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)

#962D00 - #F1520E | 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 #962D00 como 0% y #F1520E como 100%.

0.0%	0.0% #962D00	RGB 150 45 0	#962D00
16.7%	16.7% #A53302	RGB 165 51 2	#A53302
33.3%	33.3% #B43904	RGB 180 57 4	#B43904
50.0%	50.0% #C33F07	RGB 195 63 7	#C33F07
66.7%	66.7% #D24509	RGB 210 69 9	#D24509
83.3%	83.3% #E14B0B	RGB 225 75 11	#E14B0B
100.0%	100.0% #F1520E	RGB 241 82 14	#F1520E

#962D00 #A53302 #B43904 #C33F07 #D24509 #E14B0B #F1520E

#962D00 - #F1520E

Mezcla HSV

#962D00 - #F1520E | 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 #962D00 como 0% y #F1520E como 100%.

0.0%	0.0% #962D00	RGB 150 45 0	#962D00
16.7%	16.7% #A53201	RGB 165 50 1	#A53201
33.3%	33.3% #B43803	RGB 180 56 3	#B43803
50.0%	50.0% #C33E05	RGB 195 62 5	#C33E05
66.7%	66.7% #D24408	RGB 210 68 8	#D24408
83.3%	83.3% #E14B0A	RGB 225 75 10	#E14B0A
100.0%	100.0% #F1520E	RGB 241 82 14	#F1520E

#962D00 #A53201 #B43803 #C33E05 #D24408 #E14B0A #F1520E

#962D00 - #C33E05 - #F1520E

Códigos CSS

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

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