#B9A8D1 - #7553B3 | 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 #B9A8D1 to #7553B3

#B9A8D1 #7553B3

Calculate the color between two colors, #B9A8D1 and #7553B3. 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)

#B9A8D1 - #7553B3 | 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 #B9A8D1 as 0% and #7553B3 as 100%.

0.0%	0.0% #B9A8D1	RGB 185 168 209	#B9A8D1
16.7%	16.7% #AD99CC	RGB 173 153 204	#AD99CC
33.3%	33.3% #A28BC7	RGB 162 139 199	#A28BC7
50.0%	50.0% #977DC2	RGB 151 125 194	#977DC2
66.7%	66.7% #8B6FBD	RGB 139 111 189	#8B6FBD
83.3%	83.3% #8061B8	RGB 128 97 184	#8061B8
100.0%	100.0% #7553B3	RGB 117 83 179	#7553B3

#B9A8D1 #AD99CC #A28BC7 #977DC2 #8B6FBD #8061B8 #7553B3

#B9A8D1 - #7553B3

HSV Blend

#B9A8D1 - #7553B3 | 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 #B9A8D1 as 0% and #7553B3 as 100%.

0.0%	0.0% #B9A8D1	RGB 185 168 209	#B9A8D1
16.7%	16.7% #AD98CC	RGB 173 152 204	#AD98CC
33.3%	33.3% #A189C7	RGB 161 137 199	#A189C7
50.0%	50.0% #967AC2	RGB 150 122 194	#967AC2
66.7%	66.7% #8A6DBD	RGB 138 109 189	#8A6DBD
83.3%	83.3% #7F5FB8	RGB 127 95 184	#7F5FB8
100.0%	100.0% #7553B3	RGB 117 83 179	#7553B3

#B9A8D1 #AD98CC #A189C7 #967AC2 #8A6DBD #7F5FB8 #7553B3

#B9A8D1 - #967AC2 - #7553B3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9A8D1 0%, #967AC2 50%, #7553B3 100%);
    background: -webkit-linear-gradient(top, #B9A8D1 0%, #967AC2 50%, #7553B3 100%);
    background: linear-gradient(to bottom, #B9A8D1 0%, #967AC2 50%, #7553B3 100%);
}
</style>