#512732 - #170B0E | 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 #512732 a #170B0E

#512732 #170B0E

Calcule el color entre dos colores, #512732 y #170B0E. 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)

#512732 - #170B0E | 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 #512732 como 0% y #170B0E como 100%.

0.0%	0.0% #512732	RGB 81 39 50	#512732
16.7%	16.7% #47222C	RGB 71 34 44	#47222C
33.3%	33.3% #3D1D26	RGB 61 29 38	#3D1D26
50.0%	50.0% #341920	RGB 52 25 32	#341920
66.7%	66.7% #2A141A	RGB 42 20 26	#2A141A
83.3%	83.3% #200F14	RGB 32 15 20	#200F14
100.0%	100.0% #170B0E	RGB 23 11 14	#170B0E

#512732 #47222C #3D1D26 #341920 #2A141A #200F14 #170B0E

#512732 - #170B0E

Mezcla HSV

#512732 - #170B0E | 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 #512732 como 0% y #170B0E como 100%.

0.0%	0.0% #512732	RGB 81 39 50	#512732
16.7%	16.7% #47222B	RGB 71 34 43	#47222B
33.3%	33.3% #3D1D25	RGB 61 29 37	#3D1D25
50.0%	50.0% #34181F	RGB 52 24 31	#34181F
66.7%	66.7% #2A1419	RGB 42 20 25	#2A1419
83.3%	83.3% #200F13	RGB 32 15 19	#200F13
100.0%	100.0% #170B0E	RGB 23 11 14	#170B0E

#512732 #47222B #3D1D25 #34181F #2A1419 #200F13 #170B0E

#512732 - #34181F - #170B0E

Códigos CSS

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

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