#DBA2DA - #AE33AB | 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 #DBA2DA to #AE33AB

#DBA2DA #AE33AB

Calculate the color between two colors, #DBA2DA and #AE33AB. 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)

#DBA2DA - #AE33AB | 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 #DBA2DA as 0% and #AE33AB as 100%.

0.0%	0.0% #DBA2DA	RGB 219 162 218	#DBA2DA
16.7%	16.7% #D38FD2	RGB 211 143 210	#D38FD2
33.3%	33.3% #CC7DCA	RGB 204 125 202	#CC7DCA
50.0%	50.0% #C46AC2	RGB 196 106 194	#C46AC2
66.7%	66.7% #BD58BA	RGB 189 88 186	#BD58BA
83.3%	83.3% #B545B2	RGB 181 69 178	#B545B2
100.0%	100.0% #AE33AB	RGB 174 51 171	#AE33AB

#DBA2DA #D38FD2 #CC7DCA #C46AC2 #BD58BA #B545B2 #AE33AB

#DBA2DA - #AE33AB

HSV Blend

#DBA2DA - #AE33AB | 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 #DBA2DA as 0% and #AE33AB as 100%.

0.0%	0.0% #DBA2DA	RGB 219 162 218	#DBA2DA
16.7%	16.7% #D38CD2	RGB 211 140 210	#D38CD2
33.3%	33.3% #CC78CA	RGB 204 120 202	#CC78CA
50.0%	50.0% #C465C2	RGB 196 101 194	#C465C2
66.7%	66.7% #BD53BA	RGB 189 83 186	#BD53BA
83.3%	83.3% #B542B2	RGB 181 66 178	#B542B2
100.0%	100.0% #AE33AB	RGB 174 51 171	#AE33AB

#DBA2DA #D38CD2 #CC78CA #C465C2 #BD53BA #B542B2 #AE33AB

#DBA2DA - #C465C2 - #AE33AB

CSS codes

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

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