#DDD9F0 - #806EC8 | 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 #DDD9F0 to #806EC8

#DDD9F0 #806EC8

Calculate the color between two colors, #DDD9F0 and #806EC8. 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)

#DDD9F0 - #806EC8 | 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 #DDD9F0 as 0% and #806EC8 as 100%.

0.0%	0.0% #DDD9F0	RGB 221 217 240	#DDD9F0
16.7%	16.7% #CDC7E9	RGB 205 199 233	#CDC7E9
33.3%	33.3% #BEB5E2	RGB 190 181 226	#BEB5E2
50.0%	50.0% #AEA3DC	RGB 174 163 220	#AEA3DC
66.7%	66.7% #9F91D5	RGB 159 145 213	#9F91D5
83.3%	83.3% #8F7FCE	RGB 143 127 206	#8F7FCE
100.0%	100.0% #806EC8	RGB 128 110 200	#806EC8

#DDD9F0 #CDC7E9 #BEB5E2 #AEA3DC #9F91D5 #8F7FCE #806EC8

#DDD9F0 - #806EC8

HSV Blend

#DDD9F0 - #806EC8 | 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 #DDD9F0 as 0% and #806EC8 as 100%.

0.0%	0.0% #DDD9F0	RGB 221 217 240	#DDD9F0
16.7%	16.7% #CBC5E9	RGB 203 197 233	#CBC5E9
33.3%	33.3% #BBB2E2	RGB 187 178 226	#BBB2E2
50.0%	50.0% #AB9FDC	RGB 171 159 220	#AB9FDC
66.7%	66.7% #9C8ED5	RGB 156 142 213	#9C8ED5
83.3%	83.3% #8D7DCE	RGB 141 125 206	#8D7DCE
100.0%	100.0% #806EC8	RGB 128 110 200	#806EC8

#DDD9F0 #CBC5E9 #BBB2E2 #AB9FDC #9C8ED5 #8D7DCE #806EC8

#DDD9F0 - #AB9FDC - #806EC8

CSS codes

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

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