#593E4D - #3C0F10 | 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 #593E4D a #3C0F10

#593E4D #3C0F10

Calcule el color entre dos colores, #593E4D y #3C0F10. 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)

#593E4D - #3C0F10 | 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 #593E4D como 0% y #3C0F10 como 100%.

0.0%	0.0% #593E4D	RGB 89 62 77	#593E4D
16.7%	16.7% #543642	RGB 84 54 66	#543642
33.3%	33.3% #4F2E38	RGB 79 46 56	#4F2E38
50.0%	50.0% #4A262E	RGB 74 38 46	#4A262E
66.7%	66.7% #451E24	RGB 69 30 36	#451E24
83.3%	83.3% #40161A	RGB 64 22 26	#40161A
100.0%	100.0% #3C0F10	RGB 60 15 16	#3C0F10

#593E4D #543642 #4F2E38 #4A262E #451E24 #40161A #3C0F10

#593E4D - #3C0F10

Mezcla HSV

#593E4D - #3C0F10 | 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 #593E4D como 0% y #3C0F10 como 100%.

0.0%	0.0% #593E4D	RGB 89 62 77	#593E4D
16.7%	16.7% #543443	RGB 84 52 67	#543443
33.3%	33.3% #4F2B39	RGB 79 43 57	#4F2B39
50.0%	50.0% #4A232E	RGB 74 35 46	#4A232E
66.7%	66.7% #451B24	RGB 69 27 36	#451B24
83.3%	83.3% #401519	RGB 64 21 25	#401519
100.0%	100.0% #3C0F10	RGB 60 15 16	#3C0F10

#593E4D #543443 #4F2B39 #4A232E #451B24 #401519 #3C0F10

#593E4D - #4A232E - #3C0F10

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #593E4D 0%, #4A232E 50%, #3C0F10 100%);
    background: -webkit-linear-gradient(top, #593E4D 0%, #4A232E 50%, #3C0F10 100%);
    background: linear-gradient(to bottom, #593E4D 0%, #4A232E 50%, #3C0F10 100%);
}
</style>