#4D141B - #A04432 | 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 #4D141B a #A04432

#4D141B #A04432

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

#4D141B - #A04432 | 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 #4D141B como 0% y #A04432 como 100%.

0.0%	0.0% #4D141B	RGB 77 20 27	#4D141B
16.7%	16.7% #5A1C1E	RGB 90 28 30	#5A1C1E
33.3%	33.3% #682422	RGB 104 36 34	#682422
50.0%	50.0% #762C26	RGB 118 44 38	#762C26
66.7%	66.7% #84342A	RGB 132 52 42	#84342A
83.3%	83.3% #923C2E	RGB 146 60 46	#923C2E
100.0%	100.0% #A04432	RGB 160 68 50	#A04432

#4D141B #5A1C1E #682422 #762C26 #84342A #923C2E #A04432

#4D141B - #A04432

Mezcla HSV

#4D141B - #A04432 | 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 #4D141B como 0% y #A04432 como 100%.

0.0%	0.0% #4D131A	RGB 77 19 26	#4D131A
16.7%	16.7% #5A181D	RGB 90 24 29	#5A181D
33.3%	33.3% #681D1F	RGB 104 29 31	#681D1F
50.0%	50.0% #762321	RGB 118 35 33	#762321
66.7%	66.7% #842D27	RGB 132 45 39	#842D27
83.3%	83.3% #92382C	RGB 146 56 44	#92382C
100.0%	100.0% #A04432	RGB 160 68 50	#A04432

#4D131A #5A181D #681D1F #762321 #842D27 #92382C #A04432

#4D141B - #762321 - #A04432

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D131A 0%, #762321 50%, #A04432 100%);
    background: -webkit-linear-gradient(top, #4D131A 0%, #762321 50%, #A04432 100%);
    background: linear-gradient(to bottom, #4D131A 0%, #762321 50%, #A04432 100%);
}
</style>