#5E2D55 - #8F8D96 | 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 #5E2D55 a #8F8D96

#5E2D55 #8F8D96

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

#5E2D55 - #8F8D96 | 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 #5E2D55 como 0% y #8F8D96 como 100%.

0.0%	0.0% #5E2D55	RGB 94 45 85	#5E2D55
16.7%	16.7% #663D5F	RGB 102 61 95	#663D5F
33.3%	33.3% #6E4D6A	RGB 110 77 106	#6E4D6A
50.0%	50.0% #765D75	RGB 118 93 117	#765D75
66.7%	66.7% #7E6D80	RGB 126 109 128	#7E6D80
83.3%	83.3% #867D8B	RGB 134 125 139	#867D8B
100.0%	100.0% #8F8D96	RGB 143 141 150	#8F8D96

#5E2D55 #663D5F #6E4D6A #765D75 #7E6D80 #867D8B #8F8D96

#5E2D55 - #8F8D96

Mezcla HSV

#5E2D55 - #8F8D96 | 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 #5E2D55 como 0% y #8F8D96 como 100%.

0.0%	0.0% #5E2D54	RGB 94 45 84	#5E2D54
16.7%	16.7% #673966	RGB 103 57 102	#673966
33.3%	33.3% #6B4770	RGB 107 71 112	#6B4770
50.0%	50.0% #6F567A	RGB 111 86 122	#6F567A
66.7%	66.7% #766783	RGB 118 103 131	#766783
83.3%	83.3% #80798C	RGB 128 121 140	#80798C
100.0%	100.0% #8F8D96	RGB 143 141 150	#8F8D96

#5E2D54 #673966 #6B4770 #6F567A #766783 #80798C #8F8D96

#5E2D55 - #6F567A - #8F8D96

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D54 0%, #6F567A 50%, #8F8D96 100%);
    background: -webkit-linear-gradient(top, #5E2D54 0%, #6F567A 50%, #8F8D96 100%);
    background: linear-gradient(to bottom, #5E2D54 0%, #6F567A 50%, #8F8D96 100%);
}
</style>