#391B10 - #815838 | 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 #391B10 a #815838

#391B10 #815838

Calcule el color entre dos colores, #391B10 y #815838. 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)

#391B10 - #815838 | 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 #391B10 como 0% y #815838 como 100%.

0.0%	0.0% #391B10	RGB 57 27 16	#391B10
16.7%	16.7% #452516	RGB 69 37 22	#452516
33.3%	33.3% #512F1D	RGB 81 47 29	#512F1D
50.0%	50.0% #5D3924	RGB 93 57 36	#5D3924
66.7%	66.7% #69432A	RGB 105 67 42	#69432A
83.3%	83.3% #754D31	RGB 117 77 49	#754D31
100.0%	100.0% #815838	RGB 129 88 56	#815838

#391B10 #452516 #512F1D #5D3924 #69432A #754D31 #815838

#391B10 - #815838

Mezcla HSV

#391B10 - #815838 | 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 #391B10 como 0% y #815838 como 100%.

0.0%	0.0% #391B10	RGB 57 27 16	#391B10
16.7%	16.7% #452315	RGB 69 35 21	#452315
33.3%	33.3% #512C1A	RGB 81 44 26	#512C1A
50.0%	50.0% #5D3621	RGB 93 54 33	#5D3621
66.7%	66.7% #694028	RGB 105 64 40	#694028
83.3%	83.3% #754C2F	RGB 117 76 47	#754C2F
100.0%	100.0% #815838	RGB 129 88 56	#815838

#391B10 #452315 #512C1A #5D3621 #694028 #754C2F #815838

#391B10 - #5D3621 - #815838

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391B10 0%, #5D3621 50%, #815838 100%);
    background: -webkit-linear-gradient(top, #391B10 0%, #5D3621 50%, #815838 100%);
    background: linear-gradient(to bottom, #391B10 0%, #5D3621 50%, #815838 100%);
}
</style>