#DDA2FF - #FEEDF7 | 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 #DDA2FF to #FEEDF7

#DDA2FF #FEEDF7

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

#DDA2FF - #FEEDF7 | 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 #DDA2FF as 0% and #FEEDF7 as 100%.

0.0%	0.0% #DDA2FF	RGB 221 162 255	#DDA2FF
16.7%	16.7% #E2AEFD	RGB 226 174 253	#E2AEFD
33.3%	33.3% #E8BBFC	RGB 232 187 252	#E8BBFC
50.0%	50.0% #EDC7FB	RGB 237 199 251	#EDC7FB
66.7%	66.7% #F3D4F9	RGB 243 212 249	#F3D4F9
83.3%	83.3% #F8E0F8	RGB 248 224 248	#F8E0F8
100.0%	100.0% #FEEDF7	RGB 254 237 247	#FEEDF7

#DDA2FF #E2AEFD #E8BBFC #EDC7FB #F3D4F9 #F8E0F8 #FEEDF7

#DDA2FF - #FEEDF7

HSV Blend

#DDA2FF - #FEEDF7 | 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 #DDA2FF as 0% and #FEEDF7 as 100%.

0.0%	0.0% #DDA2FF	RGB 221 162 255	#DDA2FF
16.7%	16.7% #EBAEFE	RGB 235 174 254	#EBAEFE
33.3%	33.3% #F7BBFE	RGB 247 187 254	#F7BBFE
50.0%	50.0% #FEC7FD	RGB 254 199 253	#FEC7FD
66.7%	66.7% #FED4F7	RGB 254 212 247	#FED4F7
83.3%	83.3% #FEE0F5	RGB 254 224 245	#FEE0F5
100.0%	100.0% #FEEDF7	RGB 254 237 247	#FEEDF7

#DDA2FF #EBAEFE #F7BBFE #FEC7FD #FED4F7 #FEE0F5 #FEEDF7

#DDA2FF - #FEC7FD - #FEEDF7

CSS codes

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

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