#4D2514 - #160A06 | 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 #160A06

#4D2514 #160A06

Calcule el color entre dos colores, #4D2514 y #160A06. 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 - #160A06 | 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 #160A06 como 100%.

0.0%	0.0% #4D2514	RGB 77 37 20	#4D2514
16.7%	16.7% #432011	RGB 67 32 17	#432011
33.3%	33.3% #3A1C0F	RGB 58 28 15	#3A1C0F
50.0%	50.0% #31170D	RGB 49 23 13	#31170D
66.7%	66.7% #28130A	RGB 40 19 10	#28130A
83.3%	83.3% #1F0E08	RGB 31 14 8	#1F0E08
100.0%	100.0% #160A06	RGB 22 10 6	#160A06

#4D2514 #432011 #3A1C0F #31170D #28130A #1F0E08 #160A06

#4D2514 - #160A06

Mezcla HSV

#4D2514 - #160A06 | 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 #160A06 como 100%.

0.0%	0.0% #4D2513	RGB 77 37 19	#4D2513
16.7%	16.7% #432011	RGB 67 32 17	#432011
33.3%	33.3% #3A1B0F	RGB 58 27 15	#3A1B0F
50.0%	50.0% #31170D	RGB 49 23 13	#31170D
66.7%	66.7% #28120A	RGB 40 18 10	#28120A
83.3%	83.3% #1F0E08	RGB 31 14 8	#1F0E08
100.0%	100.0% #160A06	RGB 22 10 6	#160A06

#4D2513 #432011 #3A1B0F #31170D #28120A #1F0E08 #160A06

#4D2514 - #31170D - #160A06

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D2513 0%, #31170D 50%, #160A06 100%);
    background: -webkit-linear-gradient(top, #4D2513 0%, #31170D 50%, #160A06 100%);
    background: linear-gradient(to bottom, #4D2513 0%, #31170D 50%, #160A06 100%);
}
</style>