#9991A2 - #B9AEEB | 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 #9991A2 to #B9AEEB

#9991A2 #B9AEEB

Calculate the color between two colors, #9991A2 and #B9AEEB. 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)

#9991A2 - #B9AEEB | 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 #9991A2 as 0% and #B9AEEB as 100%.

0.0%	0.0% #9991A2	RGB 153 145 162	#9991A2
16.7%	16.7% #9E95AE	RGB 158 149 174	#9E95AE
33.3%	33.3% #A39ABA	RGB 163 154 186	#A39ABA
50.0%	50.0% #A99FC6	RGB 169 159 198	#A99FC6
66.7%	66.7% #AEA4D2	RGB 174 164 210	#AEA4D2
83.3%	83.3% #B3A9DE	RGB 179 169 222	#B3A9DE
100.0%	100.0% #B9AEEB	RGB 185 174 235	#B9AEEB

#9991A2 #9E95AE #A39ABA #A99FC6 #AEA4D2 #B3A9DE #B9AEEB

#9991A2 - #B9AEEB

HSV Blend

#9991A2 - #B9AEEB | 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 #9991A2 as 0% and #B9AEEB as 100%.

0.0%	0.0% #9991A2	RGB 153 145 162	#9991A2
16.7%	16.7% #A197AE	RGB 161 151 174	#A197AE
33.3%	33.3% #A89DBA	RGB 168 157 186	#A89DBA
50.0%	50.0% #AEA2C6	RGB 174 162 198	#AEA2C6
66.7%	66.7% #B2A6D2	RGB 178 166 210	#B2A6D2
83.3%	83.3% #B6AADE	RGB 182 170 222	#B6AADE
100.0%	100.0% #B9AEEB	RGB 185 174 235	#B9AEEB

#9991A2 #A197AE #A89DBA #AEA2C6 #B2A6D2 #B6AADE #B9AEEB

#9991A2 - #AEA2C6 - #B9AEEB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9991A2 0%, #AEA2C6 50%, #B9AEEB 100%);
    background: -webkit-linear-gradient(top, #9991A2 0%, #AEA2C6 50%, #B9AEEB 100%);
    background: linear-gradient(to bottom, #9991A2 0%, #AEA2C6 50%, #B9AEEB 100%);
}
</style>