#5D2D3A - #1A0C10 | 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 #5D2D3A a #1A0C10

#5D2D3A #1A0C10

Calcule el color entre dos colores, #5D2D3A y #1A0C10. 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)

#5D2D3A - #1A0C10 | 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 #5D2D3A como 0% y #1A0C10 como 100%.

0.0%	0.0% #5D2D3A	RGB 93 45 58	#5D2D3A
16.7%	16.7% #512733	RGB 81 39 51	#512733
33.3%	33.3% #46222C	RGB 70 34 44	#46222C
50.0%	50.0% #3B1C25	RGB 59 28 37	#3B1C25
66.7%	66.7% #30171E	RGB 48 23 30	#30171E
83.3%	83.3% #251117	RGB 37 17 23	#251117
100.0%	100.0% #1A0C10	RGB 26 12 16	#1A0C10

#5D2D3A #512733 #46222C #3B1C25 #30171E #251117 #1A0C10

#5D2D3A - #1A0C10

Mezcla HSV

#5D2D3A - #1A0C10 | 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 #5D2D3A como 0% y #1A0C10 como 100%.

0.0%	0.0% #5D2D3A	RGB 93 45 58	#5D2D3A
16.7%	16.7% #512732	RGB 81 39 50	#512732
33.3%	33.3% #46212B	RGB 70 33 43	#46212B
50.0%	50.0% #3B1C24	RGB 59 28 36	#3B1C24
66.7%	66.7% #30161D	RGB 48 22 29	#30161D
83.3%	83.3% #251116	RGB 37 17 22	#251116
100.0%	100.0% #1A0C10	RGB 26 12 16	#1A0C10

#5D2D3A #512732 #46212B #3B1C24 #30161D #251116 #1A0C10

#5D2D3A - #3B1C24 - #1A0C10

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D2D3A 0%, #3B1C24 50%, #1A0C10 100%);
    background: -webkit-linear-gradient(top, #5D2D3A 0%, #3B1C24 50%, #1A0C10 100%);
    background: linear-gradient(to bottom, #5D2D3A 0%, #3B1C24 50%, #1A0C10 100%);
}
</style>