#B7B5D1 - #64578C | 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 #B7B5D1 to #64578C

#B7B5D1 #64578C

Calculate the color between two colors, #B7B5D1 and #64578C. 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)

#B7B5D1 - #64578C | 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 #B7B5D1 as 0% and #64578C as 100%.

0.0%	0.0% #B7B5D1	RGB 183 181 209	#B7B5D1
16.7%	16.7% #A9A5C5	RGB 169 165 197	#A9A5C5
33.3%	33.3% #9B95BA	RGB 155 149 186	#9B95BA
50.0%	50.0% #8D86AE	RGB 141 134 174	#8D86AE
66.7%	66.7% #7F76A3	RGB 127 118 163	#7F76A3
83.3%	83.3% #716697	RGB 113 102 151	#716697
100.0%	100.0% #64578C	RGB 100 87 140	#64578C

#B7B5D1 #A9A5C5 #9B95BA #8D86AE #7F76A3 #716697 #64578C

#B7B5D1 - #64578C

HSV Blend

#B7B5D1 - #64578C | 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 #B7B5D1 as 0% and #64578C as 100%.

0.0%	0.0% #B7B5D1	RGB 183 181 209	#B7B5D1
16.7%	16.7% #A6A2C5	RGB 166 162 197	#A6A2C5
33.3%	33.3% #9791BA	RGB 151 145 186	#9791BA
50.0%	50.0% #8881AE	RGB 136 129 174	#8881AE
66.7%	66.7% #7B72A3	RGB 123 114 163	#7B72A3
83.3%	83.3% #6F6497	RGB 111 100 151	#6F6497
100.0%	100.0% #64578C	RGB 100 87 140	#64578C

#B7B5D1 #A6A2C5 #9791BA #8881AE #7B72A3 #6F6497 #64578C

#B7B5D1 - #8881AE - #64578C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7B5D1 0%, #8881AE 50%, #64578C 100%);
    background: -webkit-linear-gradient(top, #B7B5D1 0%, #8881AE 50%, #64578C 100%);
    background: linear-gradient(to bottom, #B7B5D1 0%, #8881AE 50%, #64578C 100%);
}
</style>