#5E7289 - #BFB4A8 | 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 #5E7289 to #BFB4A8

#5E7289 #BFB4A8

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

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

0.0%	0.0% #5E7289	RGB 94 114 137	#5E7289
16.7%	16.7% #6E7D8E	RGB 110 125 142	#6E7D8E
33.3%	33.3% #7E8893	RGB 126 136 147	#7E8893
50.0%	50.0% #8E9398	RGB 142 147 152	#8E9398
66.7%	66.7% #9E9E9D	RGB 158 158 157	#9E9E9D
83.3%	83.3% #AEA9A2	RGB 174 169 162	#AEA9A2
100.0%	100.0% #BFB4A8	RGB 191 180 168	#BFB4A8

#5E7289 #6E7D8E #7E8893 #8E9398 #9E9E9D #AEA9A2 #BFB4A8

#5E7289 - #BFB4A8

HSV Blend

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

0.0%	0.0% #5E7289	RGB 94 114 137	#5E7289
16.7%	16.7% #6A6892	RGB 106 104 146	#6A6892
33.3%	33.3% #88749B	RGB 136 116 155	#88749B
50.0%	50.0% #A480A2	RGB 164 128 162	#A480A2
66.7%	66.7% #AD8D9C	RGB 173 141 156	#AD8D9C
83.3%	83.3% #B69A9A	RGB 182 154 154	#B69A9A
100.0%	100.0% #BFB4A8	RGB 191 180 168	#BFB4A8

#5E7289 #6A6892 #88749B #A480A2 #AD8D9C #B69A9A #BFB4A8

#5E7289 - #A480A2 - #BFB4A8

CSS codes

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

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