#5E3C5E - #161418 | 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 #5E3C5E a #161418

#5E3C5E #161418

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

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

0.0%	0.0% #5E3C5E	RGB 94 60 94	#5E3C5E
16.7%	16.7% #523552	RGB 82 53 82	#523552
33.3%	33.3% #462E46	RGB 70 46 70	#462E46
50.0%	50.0% #3A283B	RGB 58 40 59	#3A283B
66.7%	66.7% #2E212F	RGB 46 33 47	#2E212F
83.3%	83.3% #221A23	RGB 34 26 35	#221A23
100.0%	100.0% #161418	RGB 22 20 24	#161418

#5E3C5E #523552 #462E46 #3A283B #2E212F #221A23 #161418

#5E3C5E - #161418

Mezcla HSV

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

0.0%	0.0% #5D3C5E	RGB 93 60 94	#5D3C5E
16.7%	16.7% #503752	RGB 80 55 82	#503752
33.3%	33.3% #433146	RGB 67 49 70	#433146
50.0%	50.0% #372B3B	RGB 55 43 59	#372B3B
66.7%	66.7% #2B242F	RGB 43 36 47	#2B242F
83.3%	83.3% #201C23	RGB 32 28 35	#201C23
100.0%	100.0% #161418	RGB 22 20 24	#161418

#5D3C5E #503752 #433146 #372B3B #2B242F #201C23 #161418

#5E3C5E - #372B3B - #161418

Códigos CSS

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

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