#B0AFD9 - #6B4A97 | 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 #B0AFD9 to #6B4A97

#B0AFD9 #6B4A97

Calculate the color between two colors, #B0AFD9 and #6B4A97. 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)

#B0AFD9 - #6B4A97 | 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 #B0AFD9 as 0% and #6B4A97 as 100%.

0.0%	0.0% #B0AFD9	RGB 176 175 217	#B0AFD9
16.7%	16.7% #A49ECE	RGB 164 158 206	#A49ECE
33.3%	33.3% #998DC3	RGB 153 141 195	#998DC3
50.0%	50.0% #8D7CB8	RGB 141 124 184	#8D7CB8
66.7%	66.7% #826BAD	RGB 130 107 173	#826BAD
83.3%	83.3% #765AA2	RGB 118 90 162	#765AA2
100.0%	100.0% #6B4A97	RGB 107 74 151	#6B4A97

#B0AFD9 #A49ECE #998DC3 #8D7CB8 #826BAD #765AA2 #6B4A97

#B0AFD9 - #6B4A97

HSV Blend

#B0AFD9 - #6B4A97 | 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 #B0AFD9 as 0% and #6B4A97 as 100%.

0.0%	0.0% #B0AFD9	RGB 176 175 217	#B0AFD9
16.7%	16.7% #9F9BCE	RGB 159 155 206	#9F9BCE
33.3%	33.3% #9188C3	RGB 145 136 195	#9188C3
50.0%	50.0% #8577B8	RGB 133 119 184	#8577B8
66.7%	66.7% #7B67AD	RGB 123 103 173	#7B67AD
83.3%	83.3% #7257A2	RGB 114 87 162	#7257A2
100.0%	100.0% #6B4A97	RGB 107 74 151	#6B4A97

#B0AFD9 #9F9BCE #9188C3 #8577B8 #7B67AD #7257A2 #6B4A97

#B0AFD9 - #8577B8 - #6B4A97

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0AFD9 0%, #8577B8 50%, #6B4A97 100%);
    background: -webkit-linear-gradient(top, #B0AFD9 0%, #8577B8 50%, #6B4A97 100%);
    background: linear-gradient(to bottom, #B0AFD9 0%, #8577B8 50%, #6B4A97 100%);
}
</style>