#B7B5E9 - #5052AD | 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 #B7B5E9 to #5052AD

#B7B5E9 #5052AD

Calculate the color between two colors, #B7B5E9 and #5052AD. 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)

#B7B5E9 - #5052AD | 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 #B7B5E9 as 0% and #5052AD as 100%.

0.0%	0.0% #B7B5E9	RGB 183 181 233	#B7B5E9
16.7%	16.7% #A5A4DF	RGB 165 164 223	#A5A4DF
33.3%	33.3% #9494D5	RGB 148 148 213	#9494D5
50.0%	50.0% #8383CB	RGB 131 131 203	#8383CB
66.7%	66.7% #7273C1	RGB 114 115 193	#7273C1
83.3%	83.3% #6162B7	RGB 97 98 183	#6162B7
100.0%	100.0% #5052AD	RGB 80 82 173	#5052AD

#B7B5E9 #A5A4DF #9494D5 #8383CB #7273C1 #6162B7 #5052AD

#B7B5E9 - #5052AD

HSV Blend

#B7B5E9 - #5052AD | 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 #B7B5E9 as 0% and #5052AD as 100%.

0.0%	0.0% #B7B5E9	RGB 183 181 233	#B7B5E9
16.7%	16.7% #A3A1DF	RGB 163 161 223	#A3A1DF
33.3%	33.3% #908FD5	RGB 144 143 213	#908FD5
50.0%	50.0% #7E7DCB	RGB 126 125 203	#7E7DCB
66.7%	66.7% #6D6DC1	RGB 109 109 193	#6D6DC1
83.3%	83.3% #5E5FB7	RGB 94 95 183	#5E5FB7
100.0%	100.0% #5052AD	RGB 80 82 173	#5052AD

#B7B5E9 #A3A1DF #908FD5 #7E7DCB #6D6DC1 #5E5FB7 #5052AD

#B7B5E9 - #7E7DCB - #5052AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7B5E9 0%, #7E7DCB 50%, #5052AD 100%);
    background: -webkit-linear-gradient(top, #B7B5E9 0%, #7E7DCB 50%, #5052AD 100%);
    background: linear-gradient(to bottom, #B7B5E9 0%, #7E7DCB 50%, #5052AD 100%);
}
</style>