#B9A8E3 - #5244A8 | 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 #B9A8E3 to #5244A8

#B9A8E3 #5244A8

Calculate the color between two colors, #B9A8E3 and #5244A8. 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)

#B9A8E3 - #5244A8 | 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 #B9A8E3 as 0% and #5244A8 as 100%.

0.0%	0.0% #B9A8E3	RGB 185 168 227	#B9A8E3
16.7%	16.7% #A797D9	RGB 167 151 217	#A797D9
33.3%	33.3% #9686CF	RGB 150 134 207	#9686CF
50.0%	50.0% #8576C5	RGB 133 118 197	#8576C5
66.7%	66.7% #7465BB	RGB 116 101 187	#7465BB
83.3%	83.3% #6354B1	RGB 99 84 177	#6354B1
100.0%	100.0% #5244A8	RGB 82 68 168	#5244A8

#B9A8E3 #A797D9 #9686CF #8576C5 #7465BB #6354B1 #5244A8

#B9A8E3 - #5244A8

HSV Blend

#B9A8E3 - #5244A8 | 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 #B9A8E3 as 0% and #5244A8 as 100%.

0.0%	0.0% #B9A8E3	RGB 185 168 227	#B9A8E3
16.7%	16.7% #A694D9	RGB 166 148 217	#A694D9
33.3%	33.3% #9482CF	RGB 148 130 207	#9482CF
50.0%	50.0% #8371C5	RGB 131 113 197	#8371C5
66.7%	66.7% #7260BB	RGB 114 96 187	#7260BB
83.3%	83.3% #6151B1	RGB 97 81 177	#6151B1
100.0%	100.0% #5244A8	RGB 82 68 168	#5244A8

#B9A8E3 #A694D9 #9482CF #8371C5 #7260BB #6151B1 #5244A8

#B9A8E3 - #8371C5 - #5244A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9A8E3 0%, #8371C5 50%, #5244A8 100%);
    background: -webkit-linear-gradient(top, #B9A8E3 0%, #8371C5 50%, #5244A8 100%);
    background: linear-gradient(to bottom, #B9A8E3 0%, #8371C5 50%, #5244A8 100%);
}
</style>