#9A8DB5 - #DBABFF | 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 #9A8DB5 to #DBABFF

#9A8DB5 #DBABFF

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

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

0.0%	0.0% #9A8DB5	RGB 154 141 181	#9A8DB5
16.7%	16.7% #A492C1	RGB 164 146 193	#A492C1
33.3%	33.3% #AF97CD	RGB 175 151 205	#AF97CD
50.0%	50.0% #BA9CDA	RGB 186 156 218	#BA9CDA
66.7%	66.7% #C5A1E6	RGB 197 161 230	#C5A1E6
83.3%	83.3% #D0A6F2	RGB 208 166 242	#D0A6F2
100.0%	100.0% #DBABFF	RGB 219 171 255	#DBABFF

#9A8DB5 #A492C1 #AF97CD #BA9CDA #C5A1E6 #D0A6F2 #DBABFF

#9A8DB5 - #DBABFF

HSV Blend

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

0.0%	0.0% #9A8DB5	RGB 154 141 181	#9A8DB5
16.7%	16.7% #A493C1	RGB 164 147 193	#A493C1
33.3%	33.3% #AE98CD	RGB 174 152 205	#AE98CD
50.0%	50.0% #B89EDA	RGB 184 158 218	#B89EDA
66.7%	66.7% #C3A2E6	RGB 195 162 230	#C3A2E6
83.3%	83.3% #CFA7F2	RGB 207 167 242	#CFA7F2
100.0%	100.0% #DBABFF	RGB 219 171 255	#DBABFF

#9A8DB5 #A493C1 #AE98CD #B89EDA #C3A2E6 #CFA7F2 #DBABFF

#9A8DB5 - #B89EDA - #DBABFF

CSS codes

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

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