#5E5F5E - #B87BA3 | 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 #5E5F5E a #B87BA3

#5E5F5E #B87BA3

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

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

0.0%	0.0% #5E5F5E	RGB 94 95 94	#5E5F5E
16.7%	16.7% #6D6369	RGB 109 99 105	#6D6369
33.3%	33.3% #7C6875	RGB 124 104 117	#7C6875
50.0%	50.0% #8B6D80	RGB 139 109 128	#8B6D80
66.7%	66.7% #9A718C	RGB 154 113 140	#9A718C
83.3%	83.3% #A97697	RGB 169 118 151	#A97697
100.0%	100.0% #B87BA3	RGB 184 123 163	#B87BA3

#5E5F5E #6D6369 #7C6875 #8B6D80 #9A718C #A97697 #B87BA3

#5E5F5E - #B87BA3

Mezcla HSV

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

0.0%	0.0% #5E5F5E	RGB 94 95 94	#5E5F5E
16.7%	16.7% #696D66	RGB 105 109 102	#696D66
33.3%	33.3% #7A7C6E	RGB 122 124 110	#7A7C6E
50.0%	50.0% #8B8373	RGB 139 131 115	#8B8373
66.7%	66.7% #9A7F77	RGB 154 127 119	#9A7F77
83.3%	83.3% #A97A84	RGB 169 122 132	#A97A84
100.0%	100.0% #B87BA3	RGB 184 123 163	#B87BA3

#5E5F5E #696D66 #7A7C6E #8B8373 #9A7F77 #A97A84 #B87BA3

#5E5F5E - #8B8373 - #B87BA3

Códigos CSS

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

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