#5E6271 - #B8A28F | 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 #5E6271 to #B8A28F

#5E6271 #B8A28F

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

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

0.0%	0.0% #5E6271	RGB 94 98 113	#5E6271
16.7%	16.7% #6D6C76	RGB 109 108 118	#6D6C76
33.3%	33.3% #7C777B	RGB 124 119 123	#7C777B
50.0%	50.0% #8B8280	RGB 139 130 128	#8B8280
66.7%	66.7% #9A8C85	RGB 154 140 133	#9A8C85
83.3%	83.3% #A9978A	RGB 169 151 138	#A9978A
100.0%	100.0% #B8A28F	RGB 184 162 143	#B8A28F

#5E6271 #6D6C76 #7C777B #8B8280 #9A8C85 #A9978A #B8A28F

#5E6271 - #B8A28F

HSV Blend

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

0.0%	0.0% #5E6271	RGB 94 98 113	#5E6271
16.7%	16.7% #6B667C	RGB 107 102 124	#6B667C
33.3%	33.3% #806F88	RGB 128 111 136	#806F88
50.0%	50.0% #947790	RGB 148 119 144	#947790
66.7%	66.7% #A07F8D	RGB 160 127 141	#A07F8D
83.3%	83.3% #AC8887	RGB 172 136 135	#AC8887
100.0%	100.0% #B8A28F	RGB 184 162 143	#B8A28F

#5E6271 #6B667C #806F88 #947790 #A07F8D #AC8887 #B8A28F

#5E6271 - #947790 - #B8A28F

CSS codes

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

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