#4D1B1B - #390D04 | 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 #4D1B1B a #390D04

#4D1B1B #390D04

Calcule el color entre dos colores, #4D1B1B y #390D04. 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)

#4D1B1B - #390D04 | 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 #4D1B1B como 0% y #390D04 como 100%.

0.0%	0.0% #4D1B1B	RGB 77 27 27	#4D1B1B
16.7%	16.7% #491817	RGB 73 24 23	#491817
33.3%	33.3% #461613	RGB 70 22 19	#461613
50.0%	50.0% #43140F	RGB 67 20 15	#43140F
66.7%	66.7% #3F110B	RGB 63 17 11	#3F110B
83.3%	83.3% #3C0F07	RGB 60 15 7	#3C0F07
100.0%	100.0% #390D04	RGB 57 13 4	#390D04

#4D1B1B #491817 #461613 #43140F #3F110B #3C0F07 #390D04

#4D1B1B - #390D04

Mezcla HSV

#4D1B1B - #390D04 | 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 #4D1B1B como 0% y #390D04 como 100%.

0.0%	0.0% #4D1B1B	RGB 77 27 27	#4D1B1B
16.7%	16.7% #491716	RGB 73 23 22	#491716
33.3%	33.3% #461512	RGB 70 21 18	#461512
50.0%	50.0% #43120E	RGB 67 18 14	#43120E
66.7%	66.7% #3F100A	RGB 63 16 10	#3F100A
83.3%	83.3% #3C0E07	RGB 60 14 7	#3C0E07
100.0%	100.0% #390D04	RGB 57 13 4	#390D04

#4D1B1B #491716 #461512 #43120E #3F100A #3C0E07 #390D04

#4D1B1B - #43120E - #390D04

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D1B1B 0%, #43120E 50%, #390D04 100%);
    background: -webkit-linear-gradient(top, #4D1B1B 0%, #43120E 50%, #390D04 100%);
    background: linear-gradient(to bottom, #4D1B1B 0%, #43120E 50%, #390D04 100%);
}
</style>