#503324 - #160E0A | 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 #503324 a #160E0A

#503324 #160E0A

Calcule el color entre dos colores, #503324 y #160E0A. 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)

#503324 - #160E0A | 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 #503324 como 0% y #160E0A como 100%.

0.0%	0.0% #503324	RGB 80 51 36	#503324
16.7%	16.7% #462C1F	RGB 70 44 31	#462C1F
33.3%	33.3% #3C261B	RGB 60 38 27	#3C261B
50.0%	50.0% #332017	RGB 51 32 23	#332017
66.7%	66.7% #291A12	RGB 41 26 18	#291A12
83.3%	83.3% #1F140E	RGB 31 20 14	#1F140E
100.0%	100.0% #160E0A	RGB 22 14 10	#160E0A

#503324 #462C1F #3C261B #332017 #291A12 #1F140E #160E0A

#503324 - #160E0A

Mezcla HSV

#503324 - #160E0A | 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 #503324 como 0% y #160E0A como 100%.

0.0%	0.0% #503324	RGB 80 51 36	#503324
16.7%	16.7% #462C1F	RGB 70 44 31	#462C1F
33.3%	33.3% #3C261B	RGB 60 38 27	#3C261B
50.0%	50.0% #332017	RGB 51 32 23	#332017
66.7%	66.7% #291A12	RGB 41 26 18	#291A12
83.3%	83.3% #1F140E	RGB 31 20 14	#1F140E
100.0%	100.0% #160E0A	RGB 22 14 10	#160E0A

#503324 #462C1F #3C261B #332017 #291A12 #1F140E #160E0A

#503324 - #332017 - #160E0A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #503324 0%, #332017 50%, #160E0A 100%);
    background: -webkit-linear-gradient(top, #503324 0%, #332017 50%, #160E0A 100%);
    background: linear-gradient(to bottom, #503324 0%, #332017 50%, #160E0A 100%);
}
</style>