#657B8F - #B5A8AD | 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 #657B8F to #B5A8AD

#657B8F #B5A8AD

Calculate the color between two colors, #657B8F and #B5A8AD. 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)

#657B8F - #B5A8AD | 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 #657B8F as 0% and #B5A8AD as 100%.

0.0%	0.0% #657B8F	RGB 101 123 143	#657B8F
16.7%	16.7% #728294	RGB 114 130 148	#728294
33.3%	33.3% #7F8A99	RGB 127 138 153	#7F8A99
50.0%	50.0% #8D919E	RGB 141 145 158	#8D919E
66.7%	66.7% #9A99A3	RGB 154 153 163	#9A99A3
83.3%	83.3% #A7A0A8	RGB 167 160 168	#A7A0A8
100.0%	100.0% #B5A8AD	RGB 181 168 173	#B5A8AD

#657B8F #728294 #7F8A99 #8D919E #9A99A3 #A7A0A8 #B5A8AD

#657B8F - #B5A8AD

HSV Blend

#657B8F - #B5A8AD | 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 #657B8F as 0% and #B5A8AD as 100%.

0.0%	0.0% #657B8F	RGB 101 123 143	#657B8F
16.7%	16.7% #6E7595	RGB 110 117 149	#6E7595
33.3%	33.3% #7F799B	RGB 127 121 155	#7F799B
50.0%	50.0% #9484A2	RGB 148 132 162	#9484A2
66.7%	66.7% #A58FA8	RGB 165 143 168	#A58FA8
83.3%	83.3% #AE9BA9	RGB 174 155 169	#AE9BA9
100.0%	100.0% #B5A8AD	RGB 181 168 173	#B5A8AD

#657B8F #6E7595 #7F799B #9484A2 #A58FA8 #AE9BA9 #B5A8AD

#657B8F - #9484A2 - #B5A8AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #657B8F 0%, #9484A2 50%, #B5A8AD 100%);
    background: -webkit-linear-gradient(top, #657B8F 0%, #9484A2 50%, #B5A8AD 100%);
    background: linear-gradient(to bottom, #657B8F 0%, #9484A2 50%, #B5A8AD 100%);
}
</style>