#5E756B - #B191B2 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #5E756B to #B191B2

#5E756B #B191B2

Calculate the color between two colors, #5E756B and #B191B2. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#5E756B - #B191B2 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #5E756B as 0% and #B191B2 as 100%.

0.0%	0.0% #5E756B	RGB 94 117 107	#5E756B
16.7%	16.7% #6B7976	RGB 107 121 118	#6B7976
33.3%	33.3% #797E82	RGB 121 126 130	#797E82
50.0%	50.0% #87838E	RGB 135 131 142	#87838E
66.7%	66.7% #95879A	RGB 149 135 154	#95879A
83.3%	83.3% #A38CA6	RGB 163 140 166	#A38CA6
100.0%	100.0% #B191B2	RGB 177 145 178	#B191B2

#5E756B #6B7976 #797E82 #87838E #95879A #A38CA6 #B191B2

#5E756B - #B191B2

HSV Blend

#5E756B - #B191B2 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #5E756B as 0% and #B191B2 as 100%.

0.0%	0.0% #5E756B	RGB 94 117 107	#5E756B
16.7%	16.7% #667F7E	RGB 102 127 126	#667F7E
33.3%	33.3% #6E7F89	RGB 110 127 137	#6E7F89
50.0%	50.0% #777D93	RGB 119 125 147	#777D93
66.7%	66.7% #847F9D	RGB 132 127 157	#847F9D
83.3%	83.3% #9A88A7	RGB 154 136 167	#9A88A7
100.0%	100.0% #B191B2	RGB 177 145 178	#B191B2

#5E756B #667F7E #6E7F89 #777D93 #847F9D #9A88A7 #B191B2

#5E756B - #777D93 - #B191B2

CSS codes

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

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