#DFDAE5 - #AE8DCF | 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 #DFDAE5 to #AE8DCF

#DFDAE5 #AE8DCF

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

#DFDAE5 - #AE8DCF | 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 #DFDAE5 as 0% and #AE8DCF as 100%.

0.0%	0.0% #DFDAE5	RGB 223 218 229	#DFDAE5
16.7%	16.7% #D6CDE1	RGB 214 205 225	#D6CDE1
33.3%	33.3% #CEC0DD	RGB 206 192 221	#CEC0DD
50.0%	50.0% #C6B3DA	RGB 198 179 218	#C6B3DA
66.7%	66.7% #BEA6D6	RGB 190 166 214	#BEA6D6
83.3%	83.3% #B699D2	RGB 182 153 210	#B699D2
100.0%	100.0% #AE8DCF	RGB 174 141 207	#AE8DCF

#DFDAE5 #D6CDE1 #CEC0DD #C6B3DA #BEA6D6 #B699D2 #AE8DCF

#DFDAE5 - #AE8DCF

HSV Blend

#DFDAE5 - #AE8DCF | 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 #DFDAE5 as 0% and #AE8DCF as 100%.

0.0%	0.0% #DFDAE5	RGB 223 218 229	#DFDAE5
16.7%	16.7% #D6CCE1	RGB 214 204 225	#D6CCE1
33.3%	33.3% #CDBFDD	RGB 205 191 221	#CDBFDD
50.0%	50.0% #C5B2DA	RGB 197 178 218	#C5B2DA
66.7%	66.7% #BDA5D6	RGB 189 165 214	#BDA5D6
83.3%	83.3% #B599D2	RGB 181 153 210	#B599D2
100.0%	100.0% #AE8DCF	RGB 174 141 207	#AE8DCF

#DFDAE5 #D6CCE1 #CDBFDD #C5B2DA #BDA5D6 #B599D2 #AE8DCF

#DFDAE5 - #C5B2DA - #AE8DCF

CSS codes

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

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