#963D00 - #FC582E | 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 #963D00 a #FC582E

#963D00 #FC582E

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

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

0.0%	0.0% #963D00	RGB 150 61 0	#963D00
16.7%	16.7% #A74107	RGB 167 65 7	#A74107
33.3%	33.3% #B8460F	RGB 184 70 15	#B8460F
50.0%	50.0% #C94A17	RGB 201 74 23	#C94A17
66.7%	66.7% #DA4F1E	RGB 218 79 30	#DA4F1E
83.3%	83.3% #EB5326	RGB 235 83 38	#EB5326
100.0%	100.0% #FC582E	RGB 252 88 46	#FC582E

#963D00 #A74107 #B8460F #C94A17 #DA4F1E #EB5326 #FC582E

#963D00 - #FC582E

Mezcla HSV

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

0.0%	0.0% #963D00	RGB 150 61 0	#963D00
16.7%	16.7% #A74105	RGB 167 65 5	#A74105
33.3%	33.3% #B8450B	RGB 184 69 11	#B8450B
50.0%	50.0% #C94A12	RGB 201 74 18	#C94A12
66.7%	66.7% #DA4E1A	RGB 218 78 26	#DA4E1A
83.3%	83.3% #EB5323	RGB 235 83 35	#EB5323
100.0%	100.0% #FC582E	RGB 252 88 46	#FC582E

#963D00 #A74105 #B8450B #C94A12 #DA4E1A #EB5323 #FC582E

#963D00 - #C94A12 - #FC582E

Códigos CSS

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

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