#DDDAE2 - #A38DCF | 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 #DDDAE2 to #A38DCF

#DDDAE2 #A38DCF

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

#DDDAE2 - #A38DCF | 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 #DDDAE2 as 0% and #A38DCF as 100%.

0.0%	0.0% #DDDAE2	RGB 221 218 226	#DDDAE2
16.7%	16.7% #D3CDDE	RGB 211 205 222	#D3CDDE
33.3%	33.3% #C9C0DB	RGB 201 192 219	#C9C0DB
50.0%	50.0% #C0B3D8	RGB 192 179 216	#C0B3D8
66.7%	66.7% #B6A6D5	RGB 182 166 213	#B6A6D5
83.3%	83.3% #AC99D2	RGB 172 153 210	#AC99D2
100.0%	100.0% #A38DCF	RGB 163 141 207	#A38DCF

#DDDAE2 #D3CDDE #C9C0DB #C0B3D8 #B6A6D5 #AC99D2 #A38DCF

#DDDAE2 - #A38DCF

HSV Blend

#DDDAE2 - #A38DCF | 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 #DDDAE2 as 0% and #A38DCF as 100%.

0.0%	0.0% #DDDAE2	RGB 221 218 226	#DDDAE2
16.7%	16.7% #D3CCDE	RGB 211 204 222	#D3CCDE
33.3%	33.3% #C9BFDB	RGB 201 191 219	#C9BFDB
50.0%	50.0% #BFB2D8	RGB 191 178 216	#BFB2D8
66.7%	66.7% #B6A5D5	RGB 182 165 213	#B6A5D5
83.3%	83.3% #AC99D2	RGB 172 153 210	#AC99D2
100.0%	100.0% #A38DCF	RGB 163 141 207	#A38DCF

#DDDAE2 #D3CCDE #C9BFDB #BFB2D8 #B6A5D5 #AC99D2 #A38DCF

#DDDAE2 - #BFB2D8 - #A38DCF

CSS codes

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

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