#4D2514 - #351A04 | 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 #4D2514 a #351A04

#4D2514 #351A04

Calcule el color entre dos colores, #4D2514 y #351A04. 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)

#4D2514 - #351A04 | 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 #4D2514 como 0% y #351A04 como 100%.

0.0%	0.0% #4D2514	RGB 77 37 20	#4D2514
16.7%	16.7% #492311	RGB 73 35 17	#492311
33.3%	33.3% #45210E	RGB 69 33 14	#45210E
50.0%	50.0% #411F0C	RGB 65 31 12	#411F0C
66.7%	66.7% #3D1D09	RGB 61 29 9	#3D1D09
83.3%	83.3% #391B06	RGB 57 27 6	#391B06
100.0%	100.0% #351A04	RGB 53 26 4	#351A04

#4D2514 #492311 #45210E #411F0C #3D1D09 #391B06 #351A04

#4D2514 - #351A04

Mezcla HSV

#4D2514 - #351A04 | 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 #4D2514 como 0% y #351A04 como 100%.

0.0%	0.0% #4D2513	RGB 77 37 19	#4D2513
16.7%	16.7% #492210	RGB 73 34 16	#492210
33.3%	33.3% #45200D	RGB 69 32 13	#45200D
50.0%	50.0% #411F0A	RGB 65 31 10	#411F0A
66.7%	66.7% #3D1D08	RGB 61 29 8	#3D1D08
83.3%	83.3% #391B06	RGB 57 27 6	#391B06
100.0%	100.0% #351A04	RGB 53 26 4	#351A04

#4D2513 #492210 #45200D #411F0A #3D1D08 #391B06 #351A04

#4D2514 - #411F0A - #351A04

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D2513 0%, #411F0A 50%, #351A04 100%);
    background: -webkit-linear-gradient(top, #4D2513 0%, #411F0A 50%, #351A04 100%);
    background: linear-gradient(to bottom, #4D2513 0%, #411F0A 50%, #351A04 100%);
}
</style>