#502425 - #160A0A | 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 #502425 a #160A0A

#502425 #160A0A

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

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

0.0%	0.0% #502425	RGB 80 36 37	#502425
16.7%	16.7% #461F20	RGB 70 31 32	#461F20
33.3%	33.3% #3C1B1C	RGB 60 27 28	#3C1B1C
50.0%	50.0% #331717	RGB 51 23 23	#331717
66.7%	66.7% #291213	RGB 41 18 19	#291213
83.3%	83.3% #1F0E0E	RGB 31 14 14	#1F0E0E
100.0%	100.0% #160A0A	RGB 22 10 10	#160A0A

#502425 #461F20 #3C1B1C #331717 #291213 #1F0E0E #160A0A

#502425 - #160A0A

Mezcla HSV

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

0.0%	0.0% #502424	RGB 80 36 36	#502424
16.7%	16.7% #461F20	RGB 70 31 32	#461F20
33.3%	33.3% #3C1B1B	RGB 60 27 27	#3C1B1B
50.0%	50.0% #331717	RGB 51 23 23	#331717
66.7%	66.7% #291212	RGB 41 18 18	#291212
83.3%	83.3% #1F0E0E	RGB 31 14 14	#1F0E0E
100.0%	100.0% #160A0A	RGB 22 10 10	#160A0A

#502424 #461F20 #3C1B1B #331717 #291212 #1F0E0E #160A0A

#502425 - #331717 - #160A0A

Códigos CSS

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

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