#5C5E5D - #B57AB2 | 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 #5C5E5D a #B57AB2

#5C5E5D #B57AB2

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

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

0.0%	0.0% #5C5E5D	RGB 92 94 93	#5C5E5D
16.7%	16.7% #6A626B	RGB 106 98 107	#6A626B
33.3%	33.3% #796779	RGB 121 103 121	#796779
50.0%	50.0% #886C87	RGB 136 108 135	#886C87
66.7%	66.7% #977095	RGB 151 112 149	#977095
83.3%	83.3% #A675A3	RGB 166 117 163	#A675A3
100.0%	100.0% #B57AB2	RGB 181 122 178	#B57AB2

#5C5E5D #6A626B #796779 #886C87 #977095 #A675A3 #B57AB2

#5C5E5D - #B57AB2

Mezcla HSV

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

0.0%	0.0% #5C5E5D	RGB 92 94 93	#5C5E5D
16.7%	16.7% #646C6B	RGB 100 108 107	#646C6B
33.3%	33.3% #6B757B	RGB 107 117 123	#6B757B
50.0%	50.0% #717689	RGB 113 118 137	#717689
66.7%	66.7% #7C7598	RGB 124 117 152	#7C7598
83.3%	83.3% #9578A6	RGB 149 120 166	#9578A6
100.0%	100.0% #B57AB2	RGB 181 122 178	#B57AB2

#5C5E5D #646C6B #6B757B #717689 #7C7598 #9578A6 #B57AB2

#5C5E5D - #717689 - #B57AB2

Códigos CSS

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

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