#9A70B6 - #BDB1C8 | 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 #9A70B6 to #BDB1C8

#9A70B6 #BDB1C8

Calculate the color between two colors, #9A70B6 and #BDB1C8. 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)

#9A70B6 - #BDB1C8 | 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 #9A70B6 as 0% and #BDB1C8 as 100%.

0.0%	0.0% #9A70B6	RGB 154 112 182	#9A70B6
16.7%	16.7% #9F7AB9	RGB 159 122 185	#9F7AB9
33.3%	33.3% #A585BC	RGB 165 133 188	#A585BC
50.0%	50.0% #AB90BF	RGB 171 144 191	#AB90BF
66.7%	66.7% #B19BC2	RGB 177 155 194	#B19BC2
83.3%	83.3% #B7A6C5	RGB 183 166 197	#B7A6C5
100.0%	100.0% #BDB1C8	RGB 189 177 200	#BDB1C8

#9A70B6 #9F7AB9 #A585BC #AB90BF #B19BC2 #B7A6C5 #BDB1C8

#9A70B6 - #BDB1C8

HSV Blend

#9A70B6 - #BDB1C8 | 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 #9A70B6 as 0% and #BDB1C8 as 100%.

0.0%	0.0% #9A70B6	RGB 154 112 182	#9A70B6
16.7%	16.7% #9F7AB9	RGB 159 122 185	#9F7AB9
33.3%	33.3% #A484BC	RGB 164 132 188	#A484BC
50.0%	50.0% #AA8FBF	RGB 170 143 191	#AA8FBF
66.7%	66.7% #B09AC2	RGB 176 154 194	#B09AC2
83.3%	83.3% #B6A5C5	RGB 182 165 197	#B6A5C5
100.0%	100.0% #BDB1C8	RGB 189 177 200	#BDB1C8

#9A70B6 #9F7AB9 #A484BC #AA8FBF #B09AC2 #B6A5C5 #BDB1C8

#9A70B6 - #AA8FBF - #BDB1C8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A70B6 0%, #AA8FBF 50%, #BDB1C8 100%);
    background: -webkit-linear-gradient(top, #9A70B6 0%, #AA8FBF 50%, #BDB1C8 100%);
    background: linear-gradient(to bottom, #9A70B6 0%, #AA8FBF 50%, #BDB1C8 100%);
}
</style>