#8481BA - #DBDBEB | 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 #8481BA to #DBDBEB

#8481BA #DBDBEB

Calculate the color between two colors, #8481BA and #DBDBEB. 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)

#8481BA - #DBDBEB | 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 #8481BA as 0% and #DBDBEB as 100%.

0.0%	0.0% #8481BA	RGB 132 129 186	#8481BA
16.7%	16.7% #9290C2	RGB 146 144 194	#9290C2
33.3%	33.3% #A19FCA	RGB 161 159 202	#A19FCA
50.0%	50.0% #AFAED2	RGB 175 174 210	#AFAED2
66.7%	66.7% #BEBDDA	RGB 190 189 218	#BEBDDA
83.3%	83.3% #CCCCE2	RGB 204 204 226	#CCCCE2
100.0%	100.0% #DBDBEB	RGB 219 219 235	#DBDBEB

#8481BA #9290C2 #A19FCA #AFAED2 #BEBDDA #CCCCE2 #DBDBEB

#8481BA - #DBDBEB

HSV Blend

#8481BA - #DBDBEB | 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 #8481BA as 0% and #DBDBEB as 100%.

0.0%	0.0% #8481BA	RGB 132 129 186	#8481BA
16.7%	16.7% #908EC2	RGB 144 142 194	#908EC2
33.3%	33.3% #9E9CCA	RGB 158 156 202	#9E9CCA
50.0%	50.0% #ACABD2	RGB 172 171 210	#ACABD2
66.7%	66.7% #BABADA	RGB 186 186 218	#BABADA
83.3%	83.3% #CACAE2	RGB 202 202 226	#CACAE2
100.0%	100.0% #DBDBEB	RGB 219 219 235	#DBDBEB

#8481BA #908EC2 #9E9CCA #ACABD2 #BABADA #CACAE2 #DBDBEB

#8481BA - #ACABD2 - #DBDBEB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8481BA 0%, #ACABD2 50%, #DBDBEB 100%);
    background: -webkit-linear-gradient(top, #8481BA 0%, #ACABD2 50%, #DBDBEB 100%);
    background: linear-gradient(to bottom, #8481BA 0%, #ACABD2 50%, #DBDBEB 100%);
}
</style>