#DBDBE2 - #A583AC | 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 #DBDBE2 to #A583AC

#DBDBE2 #A583AC

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

#DBDBE2 - #A583AC | 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 #DBDBE2 as 0% and #A583AC as 100%.

0.0%	0.0% #DBDBE2	RGB 219 219 226	#DBDBE2
16.7%	16.7% #D2CCD9	RGB 210 204 217	#D2CCD9
33.3%	33.3% #C9BDD0	RGB 201 189 208	#C9BDD0
50.0%	50.0% #C0AFC7	RGB 192 175 199	#C0AFC7
66.7%	66.7% #B7A0BE	RGB 183 160 190	#B7A0BE
83.3%	83.3% #AE91B5	RGB 174 145 181	#AE91B5
100.0%	100.0% #A583AC	RGB 165 131 172	#A583AC

#DBDBE2 #D2CCD9 #C9BDD0 #C0AFC7 #B7A0BE #AE91B5 #A583AC

#DBDBE2 - #A583AC

HSV Blend

#DBDBE2 - #A583AC | 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 #DBDBE2 as 0% and #A583AC as 100%.

0.0%	0.0% #DBDBE2	RGB 219 219 226	#DBDBE2
16.7%	16.7% #CCCAD9	RGB 204 202 217	#CCCAD9
33.3%	33.3% #C0BBD0	RGB 192 187 208	#C0BBD0
50.0%	50.0% #B7ACC7	RGB 183 172 199	#B7ACC7
66.7%	66.7% #AF9DBE	RGB 175 157 190	#AF9DBE
83.3%	83.3% #A990B5	RGB 169 144 181	#A990B5
100.0%	100.0% #A583AC	RGB 165 131 172	#A583AC

#DBDBE2 #CCCAD9 #C0BBD0 #B7ACC7 #AF9DBE #A990B5 #A583AC

#DBDBE2 - #B7ACC7 - #A583AC

CSS codes

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

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