#DBC2E5 - #AD6DB8 | 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 #DBC2E5 to #AD6DB8

#DBC2E5 #AD6DB8

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

#DBC2E5 - #AD6DB8 | 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 #DBC2E5 as 0% and #AD6DB8 as 100%.

0.0%	0.0% #DBC2E5	RGB 219 194 229	#DBC2E5
16.7%	16.7% #D3B3DD	RGB 211 179 221	#D3B3DD
33.3%	33.3% #CBA5D6	RGB 203 165 214	#CBA5D6
50.0%	50.0% #C497CE	RGB 196 151 206	#C497CE
66.7%	66.7% #BC89C7	RGB 188 137 199	#BC89C7
83.3%	83.3% #B47BBF	RGB 180 123 191	#B47BBF
100.0%	100.0% #AD6DB8	RGB 173 109 184	#AD6DB8

#DBC2E5 #D3B3DD #CBA5D6 #C497CE #BC89C7 #B47BBF #AD6DB8

#DBC2E5 - #AD6DB8

HSV Blend

#DBC2E5 - #AD6DB8 | 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 #DBC2E5 as 0% and #AD6DB8 as 100%.

0.0%	0.0% #DBC2E5	RGB 219 194 229	#DBC2E5
16.7%	16.7% #D2B2DD	RGB 210 178 221	#D2B2DD
33.3%	33.3% #C9A3D6	RGB 201 163 214	#C9A3D6
50.0%	50.0% #C194CE	RGB 193 148 206	#C194CE
66.7%	66.7% #BA86C7	RGB 186 134 199	#BA86C7
83.3%	83.3% #B379BF	RGB 179 121 191	#B379BF
100.0%	100.0% #AD6DB8	RGB 173 109 184	#AD6DB8

#DBC2E5 #D2B2DD #C9A3D6 #C194CE #BA86C7 #B379BF #AD6DB8

#DBC2E5 - #C194CE - #AD6DB8

CSS codes

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

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