#DDDBE2 - #AC83A6 | 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 #DDDBE2 to #AC83A6

#DDDBE2 #AC83A6

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

#DDDBE2 - #AC83A6 | 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 #DDDBE2 as 0% and #AC83A6 as 100%.

0.0%	0.0% #DDDBE2	RGB 221 219 226	#DDDBE2
16.7%	16.7% #D4CCD8	RGB 212 204 216	#D4CCD8
33.3%	33.3% #CCBDCE	RGB 204 189 206	#CCBDCE
50.0%	50.0% #C4AFC4	RGB 196 175 196	#C4AFC4
66.7%	66.7% #BCA0BA	RGB 188 160 186	#BCA0BA
83.3%	83.3% #B491B0	RGB 180 145 176	#B491B0
100.0%	100.0% #AC83A6	RGB 172 131 166	#AC83A6

#DDDBE2 #D4CCD8 #CCBDCE #C4AFC4 #BCA0BA #B491B0 #AC83A6

#DDDBE2 - #AC83A6

HSV Blend

#DDDBE2 - #AC83A6 | 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 #DDDBE2 as 0% and #AC83A6 as 100%.

0.0%	0.0% #DDDBE2	RGB 221 219 226	#DDDBE2
16.7%	16.7% #D0CAD9	RGB 208 202 217	#D0CAD9
33.3%	33.3% #C7BBD0	RGB 199 187 208	#C7BBD0
50.0%	50.0% #BFACC7	RGB 191 172 199	#BFACC7
66.7%	66.7% #B99DBE	RGB 185 157 190	#B99DBE
83.3%	83.3% #B590B4	RGB 181 144 180	#B590B4
100.0%	100.0% #AC83A6	RGB 172 131 166	#AC83A6

#DDDBE2 #D0CAD9 #C7BBD0 #BFACC7 #B99DBE #B590B4 #AC83A6

#DDDBE2 - #BFACC7 - #AC83A6

CSS codes

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

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