#5E5E6C - #B59D88 | 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 #5E5E6C a #B59D88

#5E5E6C #B59D88

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

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

0.0%	0.0% #5E5E6C	RGB 94 94 108	#5E5E6C
16.7%	16.7% #6C6870	RGB 108 104 112	#6C6870
33.3%	33.3% #7B7375	RGB 123 115 117	#7B7375
50.0%	50.0% #897D7A	RGB 137 125 122	#897D7A
66.7%	66.7% #98887E	RGB 152 136 126	#98887E
83.3%	83.3% #A69283	RGB 166 146 131	#A69283
100.0%	100.0% #B59D88	RGB 181 157 136	#B59D88

#5E5E6C #6C6870 #7B7375 #897D7A #98887E #A69283 #B59D88

#5E5E6C - #B59D88

Mezcla HSV

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

0.0%	0.0% #5E5E6C	RGB 94 94 108	#5E5E6C
16.7%	16.7% #6D6678	RGB 109 102 120	#6D6678
33.3%	33.3% #806D84	RGB 128 109 132	#806D84
50.0%	50.0% #90758A	RGB 144 117 138	#90758A
66.7%	66.7% #9C7B87	RGB 156 123 135	#9C7B87
83.3%	83.3% #A88482	RGB 168 132 130	#A88482
100.0%	100.0% #B59D88	RGB 181 157 136	#B59D88

#5E5E6C #6D6678 #806D84 #90758A #9C7B87 #A88482 #B59D88

#5E5E6C - #90758A - #B59D88

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E6C 0%, #90758A 50%, #B59D88 100%);
    background: -webkit-linear-gradient(top, #5E5E6C 0%, #90758A 50%, #B59D88 100%);
    background: linear-gradient(to bottom, #5E5E6C 0%, #90758A 50%, #B59D88 100%);
}
</style>