#DCCBD9 - #AB7BA3 | 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 #DCCBD9 to #AB7BA3

#DCCBD9 #AB7BA3

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

#DCCBD9 - #AB7BA3 | 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 #DCCBD9 as 0% and #AB7BA3 as 100%.

0.0%	0.0% #DCCBD9	RGB 220 203 217	#DCCBD9
16.7%	16.7% #D3BDD0	RGB 211 189 208	#D3BDD0
33.3%	33.3% #CBB0C7	RGB 203 176 199	#CBB0C7
50.0%	50.0% #C3A3BE	RGB 195 163 190	#C3A3BE
66.7%	66.7% #BB95B5	RGB 187 149 181	#BB95B5
83.3%	83.3% #B388AC	RGB 179 136 172	#B388AC
100.0%	100.0% #AB7BA3	RGB 171 123 163	#AB7BA3

#DCCBD9 #D3BDD0 #CBB0C7 #C3A3BE #BB95B5 #B388AC #AB7BA3

#DCCBD9 - #AB7BA3

HSV Blend

#DCCBD9 - #AB7BA3 | 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 #DCCBD9 as 0% and #AB7BA3 as 100%.

0.0%	0.0% #DCCBD9	RGB 220 203 217	#DCCBD9
16.7%	16.7% #D3BCCF	RGB 211 188 207	#D3BCCF
33.3%	33.3% #CBAEC6	RGB 203 174 198	#CBAEC6
50.0%	50.0% #C3A0BD	RGB 195 160 189	#C3A0BD
66.7%	66.7% #BB93B4	RGB 187 147 180	#BB93B4
83.3%	83.3% #B386AB	RGB 179 134 171	#B386AB
100.0%	100.0% #AB7BA3	RGB 171 123 163	#AB7BA3

#DCCBD9 #D3BCCF #CBAEC6 #C3A0BD #BB93B4 #B386AB #AB7BA3

#DCCBD9 - #C3A0BD - #AB7BA3

CSS codes

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

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