#503C3C - #470A04 | 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 #503C3C a #470A04

#503C3C #470A04

Calcule el color entre dos colores, #503C3C y #470A04. 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)

#503C3C - #470A04 | 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 #503C3C como 0% y #470A04 como 100%.

0.0%	0.0% #503C3C	RGB 80 60 60	#503C3C
16.7%	16.7% #4E3332	RGB 78 51 50	#4E3332
33.3%	33.3% #4D2B29	RGB 77 43 41	#4D2B29
50.0%	50.0% #4B2320	RGB 75 35 32	#4B2320
66.7%	66.7% #4A1A16	RGB 74 26 22	#4A1A16
83.3%	83.3% #48120D	RGB 72 18 13	#48120D
100.0%	100.0% #470A04	RGB 71 10 4	#470A04

#503C3C #4E3332 #4D2B29 #4B2320 #4A1A16 #48120D #470A04

#503C3C - #470A04

Mezcla HSV

#503C3C - #470A04 | 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 #503C3C como 0% y #470A04 como 100%.

0.0%	0.0% #503C3C	RGB 80 60 60	#503C3C
16.7%	16.7% #4E3231	RGB 78 50 49	#4E3231
33.3%	33.3% #4D2927	RGB 77 41 39	#4D2927
50.0%	50.0% #4B201E	RGB 75 32 30	#4B201E
66.7%	66.7% #4A1815	RGB 74 24 21	#4A1815
83.3%	83.3% #48100C	RGB 72 16 12	#48100C
100.0%	100.0% #470A04	RGB 71 10 4	#470A04

#503C3C #4E3231 #4D2927 #4B201E #4A1815 #48100C #470A04

#503C3C - #4B201E - #470A04

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #503C3C 0%, #4B201E 50%, #470A04 100%);
    background: -webkit-linear-gradient(top, #503C3C 0%, #4B201E 50%, #470A04 100%);
    background: linear-gradient(to bottom, #503C3C 0%, #4B201E 50%, #470A04 100%);
}
</style>