#392A14 - #85743E | 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 #392A14 a #85743E

#392A14 #85743E

Calcule el color entre dos colores, #392A14 y #85743E. 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)

#392A14 - #85743E | 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 #392A14 como 0% y #85743E como 100%.

0.0%	0.0% #392A14	RGB 57 42 20	#392A14
16.7%	16.7% #45361B	RGB 69 54 27	#45361B
33.3%	33.3% #524222	RGB 82 66 34	#524222
50.0%	50.0% #5F4F29	RGB 95 79 41	#5F4F29
66.7%	66.7% #6B5B30	RGB 107 91 48	#6B5B30
83.3%	83.3% #786737	RGB 120 103 55	#786737
100.0%	100.0% #85743E	RGB 133 116 62	#85743E

#392A14 #45361B #524222 #5F4F29 #6B5B30 #786737 #85743E

#392A14 - #85743E

Mezcla HSV

#392A14 - #85743E | 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 #392A14 como 0% y #85743E como 100%.

0.0%	0.0% #392A14	RGB 57 42 20	#392A14
16.7%	16.7% #453519	RGB 69 53 25	#453519
33.3%	33.3% #524020	RGB 82 64 32	#524020
50.0%	50.0% #5F4C26	RGB 95 76 38	#5F4C26
66.7%	66.7% #6B592E	RGB 107 89 46	#6B592E
83.3%	83.3% #786635	RGB 120 102 53	#786635
100.0%	100.0% #85743E	RGB 133 116 62	#85743E

#392A14 #453519 #524020 #5F4C26 #6B592E #786635 #85743E

#392A14 - #5F4C26 - #85743E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #392A14 0%, #5F4C26 50%, #85743E 100%);
    background: -webkit-linear-gradient(top, #392A14 0%, #5F4C26 50%, #85743E 100%);
    background: linear-gradient(to bottom, #392A14 0%, #5F4C26 50%, #85743E 100%);
}
</style>