#5E648F - #BDB9AD | 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 #5E648F to #BDB9AD

#5E648F #BDB9AD

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

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

0.0%	0.0% #5E648F	RGB 94 100 143	#5E648F
16.7%	16.7% #6D7294	RGB 109 114 148	#6D7294
33.3%	33.3% #7D8099	RGB 125 128 153	#7D8099
50.0%	50.0% #8D8E9E	RGB 141 142 158	#8D8E9E
66.7%	66.7% #9D9CA3	RGB 157 156 163	#9D9CA3
83.3%	83.3% #ADAAA8	RGB 173 170 168	#ADAAA8
100.0%	100.0% #BDB9AD	RGB 189 185 173	#BDB9AD

#5E648F #6D7294 #7D8099 #8D8E9E #9D9CA3 #ADAAA8 #BDB9AD

#5E648F - #BDB9AD

HSV Blend

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

0.0%	0.0% #5E648F	RGB 94 100 143	#5E648F
16.7%	16.7% #796996	RGB 121 105 150	#796996
33.3%	33.3% #97759E	RGB 151 117 158	#97759E
50.0%	50.0% #A6829A	RGB 166 130 154	#A6829A
66.7%	66.7% #AD9096	RGB 173 144 150	#AD9096
83.3%	83.3% #B5A49E	RGB 181 164 158	#B5A49E
100.0%	100.0% #BDB9AD	RGB 189 185 173	#BDB9AD

#5E648F #796996 #97759E #A6829A #AD9096 #B5A49E #BDB9AD

#5E648F - #A6829A - #BDB9AD

CSS codes

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

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