#5E3E5E - #171519 | 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 #5E3E5E a #171519

#5E3E5E #171519

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

#5E3E5E - #171519 | 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 #5E3E5E como 0% y #171519 como 100%.

0.0%	0.0% #5E3E5E	RGB 94 62 94	#5E3E5E
16.7%	16.7% #523752	RGB 82 55 82	#523752
33.3%	33.3% #463047	RGB 70 48 71	#463047
50.0%	50.0% #3A293B	RGB 58 41 59	#3A293B
66.7%	66.7% #2E2230	RGB 46 34 48	#2E2230
83.3%	83.3% #221B24	RGB 34 27 36	#221B24
100.0%	100.0% #171519	RGB 23 21 25	#171519

#5E3E5E #523752 #463047 #3A293B #2E2230 #221B24 #171519

#5E3E5E - #171519

Mezcla HSV

#5E3E5E - #171519 | 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 #5E3E5E como 0% y #171519 como 100%.

0.0%	0.0% #5D3E5E	RGB 93 62 94	#5D3E5E
16.7%	16.7% #503852	RGB 80 56 82	#503852
33.3%	33.3% #433347	RGB 67 51 71	#433347
50.0%	50.0% #372C3B	RGB 55 44 59	#372C3B
66.7%	66.7% #2C2530	RGB 44 37 48	#2C2530
83.3%	83.3% #211D24	RGB 33 29 36	#211D24
100.0%	100.0% #171519	RGB 23 21 25	#171519

#5D3E5E #503852 #433347 #372C3B #2C2530 #211D24 #171519

#5E3E5E - #372C3B - #171519

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D3E5E 0%, #372C3B 50%, #171519 100%);
    background: -webkit-linear-gradient(top, #5D3E5E 0%, #372C3B 50%, #171519 100%);
    background: linear-gradient(to bottom, #5D3E5E 0%, #372C3B 50%, #171519 100%);
}
</style>