#DBA2DB - #AEC0FF | 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 #DBA2DB to #AEC0FF

#DBA2DB #AEC0FF

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

#DBA2DB - #AEC0FF | 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 #DBA2DB as 0% and #AEC0FF as 100%.

0.0%	0.0% #DBA2DB	RGB 219 162 219	#DBA2DB
16.7%	16.7% #D3A7E1	RGB 211 167 225	#D3A7E1
33.3%	33.3% #CCACE7	RGB 204 172 231	#CCACE7
50.0%	50.0% #C4B1ED	RGB 196 177 237	#C4B1ED
66.7%	66.7% #BDB6F3	RGB 189 182 243	#BDB6F3
83.3%	83.3% #B5BBF9	RGB 181 187 249	#B5BBF9
100.0%	100.0% #AEC0FF	RGB 174 192 255	#AEC0FF

#DBA2DB #D3A7E1 #CCACE7 #C4B1ED #BDB6F3 #B5BBF9 #AEC0FF

#DBA2DB - #AEC0FF

HSV Blend

#DBA2DB - #AEC0FF | 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 #DBA2DB as 0% and #AEC0FF as 100%.

0.0%	0.0% #DBA2DB	RGB 219 162 219	#DBA2DB
16.7%	16.7% #D4A4E1	RGB 212 164 225	#D4A4E1
33.3%	33.3% #CCA6E7	RGB 204 166 231	#CCA6E7
50.0%	50.0% #C3A8ED	RGB 195 168 237	#C3A8ED
66.7%	66.7% #B7AAF3	RGB 183 170 243	#B7AAF3
83.3%	83.3% #ACADF9	RGB 172 173 249	#ACADF9
100.0%	100.0% #AEC0FF	RGB 174 192 255	#AEC0FF

#DBA2DB #D4A4E1 #CCA6E7 #C3A8ED #B7AAF3 #ACADF9 #AEC0FF

#DBA2DB - #C3A8ED - #AEC0FF

CSS codes

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

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