#503724 - #160F0A | 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 #503724 a #160F0A

#503724 #160F0A

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

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

0.0%	0.0% #503724	RGB 80 55 36	#503724
16.7%	16.7% #46301F	RGB 70 48 31	#46301F
33.3%	33.3% #3C291B	RGB 60 41 27	#3C291B
50.0%	50.0% #332317	RGB 51 35 23	#332317
66.7%	66.7% #291C12	RGB 41 28 18	#291C12
83.3%	83.3% #1F150E	RGB 31 21 14	#1F150E
100.0%	100.0% #160F0A	RGB 22 15 10	#160F0A

#503724 #46301F #3C291B #332317 #291C12 #1F150E #160F0A

#503724 - #160F0A

Mezcla HSV

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

0.0%	0.0% #503724	RGB 80 55 36	#503724
16.7%	16.7% #46301F	RGB 70 48 31	#46301F
33.3%	33.3% #3C291B	RGB 60 41 27	#3C291B
50.0%	50.0% #332217	RGB 51 34 23	#332217
66.7%	66.7% #291C12	RGB 41 28 18	#291C12
83.3%	83.3% #1F150E	RGB 31 21 14	#1F150E
100.0%	100.0% #160F0A	RGB 22 15 10	#160F0A

#503724 #46301F #3C291B #332217 #291C12 #1F150E #160F0A

#503724 - #332217 - #160F0A

Códigos CSS

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

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