#B69DC3 - #8D3D97 | 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 #B69DC3 to #8D3D97

#B69DC3 #8D3D97

Calculate the color between two colors, #B69DC3 and #8D3D97. 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)

#B69DC3 - #8D3D97 | 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 #B69DC3 as 0% and #8D3D97 as 100%.

0.0%	0.0% #B69DC3	RGB 182 157 195	#B69DC3
16.7%	16.7% #AF8DBB	RGB 175 141 187	#AF8DBB
33.3%	33.3% #A87DB4	RGB 168 125 180	#A87DB4
50.0%	50.0% #A16DAD	RGB 161 109 173	#A16DAD
66.7%	66.7% #9A5DA5	RGB 154 93 165	#9A5DA5
83.3%	83.3% #934D9E	RGB 147 77 158	#934D9E
100.0%	100.0% #8D3D97	RGB 141 61 151	#8D3D97

#B69DC3 #AF8DBB #A87DB4 #A16DAD #9A5DA5 #934D9E #8D3D97

#B69DC3 - #8D3D97

HSV Blend

#B69DC3 - #8D3D97 | 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 #B69DC3 as 0% and #8D3D97 as 100%.

0.0%	0.0% #B69DC3	RGB 182 157 195	#B69DC3
16.7%	16.7% #AC8ABB	RGB 172 138 187	#AC8ABB
33.3%	33.3% #A479B4	RGB 164 121 180	#A479B4
50.0%	50.0% #9D68AD	RGB 157 104 173	#9D68AD
66.7%	66.7% #9759A5	RGB 151 89 165	#9759A5
83.3%	83.3% #914A9E	RGB 145 74 158	#914A9E
100.0%	100.0% #8D3D97	RGB 141 61 151	#8D3D97

#B69DC3 #AC8ABB #A479B4 #9D68AD #9759A5 #914A9E #8D3D97

#B69DC3 - #9D68AD - #8D3D97

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B69DC3 0%, #9D68AD 50%, #8D3D97 100%);
    background: -webkit-linear-gradient(top, #B69DC3 0%, #9D68AD 50%, #8D3D97 100%);
    background: linear-gradient(to bottom, #B69DC3 0%, #9D68AD 50%, #8D3D97 100%);
}
</style>