#B5A8CA - #6B5593 | 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 #B5A8CA to #6B5593

#B5A8CA #6B5593

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

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

0.0%	0.0% #B5A8CA	RGB 181 168 202	#B5A8CA
16.7%	16.7% #A89AC0	RGB 168 154 192	#A89AC0
33.3%	33.3% #9C8CB7	RGB 156 140 183	#9C8CB7
50.0%	50.0% #907EAE	RGB 144 126 174	#907EAE
66.7%	66.7% #8370A5	RGB 131 112 165	#8370A5
83.3%	83.3% #77629C	RGB 119 98 156	#77629C
100.0%	100.0% #6B5593	RGB 107 85 147	#6B5593

#B5A8CA #A89AC0 #9C8CB7 #907EAE #8370A5 #77629C #6B5593

#B5A8CA - #6B5593

HSV Blend

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

0.0%	0.0% #B5A8CA	RGB 181 168 202	#B5A8CA
16.7%	16.7% #A798C0	RGB 167 152 192	#A798C0
33.3%	33.3% #9A89B7	RGB 154 137 183	#9A89B7
50.0%	50.0% #8D7BAE	RGB 141 123 174	#8D7BAE
66.7%	66.7% #816DA5	RGB 129 109 165	#816DA5
83.3%	83.3% #76609C	RGB 118 96 156	#76609C
100.0%	100.0% #6B5593	RGB 107 85 147	#6B5593

#B5A8CA #A798C0 #9A89B7 #8D7BAE #816DA5 #76609C #6B5593

#B5A8CA - #8D7BAE - #6B5593

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5A8CA 0%, #8D7BAE 50%, #6B5593 100%);
    background: -webkit-linear-gradient(top, #B5A8CA 0%, #8D7BAE 50%, #6B5593 100%);
    background: linear-gradient(to bottom, #B5A8CA 0%, #8D7BAE 50%, #6B5593 100%);
}
</style>