#502F24 - #160C0A | 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 #502F24 a #160C0A

#502F24 #160C0A

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

#502F24 - #160C0A | 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 #502F24 como 0% y #160C0A como 100%.

0.0%	0.0% #502F24	RGB 80 47 36	#502F24
16.7%	16.7% #46291F	RGB 70 41 31	#46291F
33.3%	33.3% #3C231B	RGB 60 35 27	#3C231B
50.0%	50.0% #331D17	RGB 51 29 23	#331D17
66.7%	66.7% #291712	RGB 41 23 18	#291712
83.3%	83.3% #1F110E	RGB 31 17 14	#1F110E
100.0%	100.0% #160C0A	RGB 22 12 10	#160C0A

#502F24 #46291F #3C231B #331D17 #291712 #1F110E #160C0A

#502F24 - #160C0A

Mezcla HSV

#502F24 - #160C0A | 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 #502F24 como 0% y #160C0A como 100%.

0.0%	0.0% #502F24	RGB 80 47 36	#502F24
16.7%	16.7% #46281F	RGB 70 40 31	#46281F
33.3%	33.3% #3C221B	RGB 60 34 27	#3C221B
50.0%	50.0% #331C17	RGB 51 28 23	#331C17
66.7%	66.7% #291712	RGB 41 23 18	#291712
83.3%	83.3% #1F110E	RGB 31 17 14	#1F110E
100.0%	100.0% #160C0A	RGB 22 12 10	#160C0A

#502F24 #46281F #3C221B #331C17 #291712 #1F110E #160C0A

#502F24 - #331C17 - #160C0A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #502F24 0%, #331C17 50%, #160C0A 100%);
    background: -webkit-linear-gradient(top, #502F24 0%, #331C17 50%, #160C0A 100%);
    background: linear-gradient(to bottom, #502F24 0%, #331C17 50%, #160C0A 100%);
}
</style>