#392810 - #816E38 | 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 #392810 a #816E38

#392810 #816E38

Calcule el color entre dos colores, #392810 y #816E38. 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)

#392810 - #816E38 | 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 #392810 como 0% y #816E38 como 100%.

0.0%	0.0% #392810	RGB 57 40 16	#392810
16.7%	16.7% #453316	RGB 69 51 22	#453316
33.3%	33.3% #513F1D	RGB 81 63 29	#513F1D
50.0%	50.0% #5D4B24	RGB 93 75 36	#5D4B24
66.7%	66.7% #69562A	RGB 105 86 42	#69562A
83.3%	83.3% #756231	RGB 117 98 49	#756231
100.0%	100.0% #816E38	RGB 129 110 56	#816E38

#392810 #453316 #513F1D #5D4B24 #69562A #756231 #816E38

#392810 - #816E38

Mezcla HSV

#392810 - #816E38 | 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 #392810 como 0% y #816E38 como 100%.

0.0%	0.0% #392810	RGB 57 40 16	#392810
16.7%	16.7% #453215	RGB 69 50 21	#453215
33.3%	33.3% #513D1A	RGB 81 61 26	#513D1A
50.0%	50.0% #5D4821	RGB 93 72 33	#5D4821
66.7%	66.7% #695428	RGB 105 84 40	#695428
83.3%	83.3% #75612F	RGB 117 97 47	#75612F
100.0%	100.0% #816E38	RGB 129 110 56	#816E38

#392810 #453215 #513D1A #5D4821 #695428 #75612F #816E38

#392810 - #5D4821 - #816E38

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #392810 0%, #5D4821 50%, #816E38 100%);
    background: -webkit-linear-gradient(top, #392810 0%, #5D4821 50%, #816E38 100%);
    background: linear-gradient(to bottom, #392810 0%, #5D4821 50%, #816E38 100%);
}
</style>