#5E7E84 - #B7A2A7 | 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 #5E7E84 to #B7A2A7

#5E7E84 #B7A2A7

Calculate the color between two colors, #5E7E84 and #B7A2A7. 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)

#5E7E84 - #B7A2A7 | 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 #5E7E84 as 0% and #B7A2A7 as 100%.

0.0%	0.0% #5E7E84	RGB 94 126 132	#5E7E84
16.7%	16.7% #6C8489	RGB 108 132 137	#6C8489
33.3%	33.3% #7B8A8F	RGB 123 138 143	#7B8A8F
50.0%	50.0% #8A9095	RGB 138 144 149	#8A9095
66.7%	66.7% #99969B	RGB 153 150 155	#99969B
83.3%	83.3% #A89CA1	RGB 168 156 161	#A89CA1
100.0%	100.0% #B7A2A7	RGB 183 162 167	#B7A2A7

#5E7E84 #6C8489 #7B8A8F #8A9095 #99969B #A89CA1 #B7A2A7

#5E7E84 - #B7A2A7

HSV Blend

#5E7E84 - #B7A2A7 | 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 #5E7E84 as 0% and #B7A2A7 as 100%.

0.0%	0.0% #5E7E84	RGB 94 126 132	#5E7E84
16.7%	16.7% #68768C	RGB 104 118 140	#68768C
33.3%	33.3% #737295	RGB 115 114 149	#737295
50.0%	50.0% #8C7D9D	RGB 140 125 157	#8C7D9D
66.7%	66.7% #A289A6	RGB 162 137 166	#A289A6
83.3%	83.3% #AE95A6	RGB 174 149 166	#AE95A6
100.0%	100.0% #B7A2A7	RGB 183 162 167	#B7A2A7

#5E7E84 #68768C #737295 #8C7D9D #A289A6 #AE95A6 #B7A2A7

#5E7E84 - #8C7D9D - #B7A2A7

CSS codes

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

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