#504010 - #161204 | 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 #504010 a #161204

#504010 #161204

Calcule el color entre dos colores, #504010 y #161204. 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)

#504010 - #161204 | 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 #504010 como 0% y #161204 como 100%.

0.0%	0.0% #504010	RGB 80 64 16	#504010
16.7%	16.7% #46380E	RGB 70 56 14	#46380E
33.3%	33.3% #3C300C	RGB 60 48 12	#3C300C
50.0%	50.0% #33290A	RGB 51 41 10	#33290A
66.7%	66.7% #292108	RGB 41 33 8	#292108
83.3%	83.3% #1F1906	RGB 31 25 6	#1F1906
100.0%	100.0% #161204	RGB 22 18 4	#161204

#504010 #46380E #3C300C #33290A #292108 #1F1906 #161204

#504010 - #161204

Mezcla HSV

#504010 - #161204 | 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 #504010 como 0% y #161204 como 100%.

0.0%	0.0% #50400F	RGB 80 64 15	#50400F
16.7%	16.7% #46380D	RGB 70 56 13	#46380D
33.3%	33.3% #3C300B	RGB 60 48 11	#3C300B
50.0%	50.0% #332909	RGB 51 41 9	#332909
66.7%	66.7% #292107	RGB 41 33 7	#292107
83.3%	83.3% #1F1905	RGB 31 25 5	#1F1905
100.0%	100.0% #161204	RGB 22 18 4	#161204

#50400F #46380D #3C300B #332909 #292107 #1F1905 #161204

#504010 - #332909 - #161204

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50400F 0%, #332909 50%, #161204 100%);
    background: -webkit-linear-gradient(top, #50400F 0%, #332909 50%, #161204 100%);
    background: linear-gradient(to bottom, #50400F 0%, #332909 50%, #161204 100%);
}
</style>