#DCD1E7 - #FEEDF9 | 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 #DCD1E7 to #FEEDF9

#DCD1E7 #FEEDF9

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

#DCD1E7 - #FEEDF9 | 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 #DCD1E7 as 0% and #FEEDF9 as 100%.

0.0%	0.0% #DCD1E7	RGB 220 209 231	#DCD1E7
16.7%	16.7% #E1D5EA	RGB 225 213 234	#E1D5EA
33.3%	33.3% #E7DAED	RGB 231 218 237	#E7DAED
50.0%	50.0% #EDDFF0	RGB 237 223 240	#EDDFF0
66.7%	66.7% #F2E3F3	RGB 242 227 243	#F2E3F3
83.3%	83.3% #F8E8F6	RGB 248 232 246	#F8E8F6
100.0%	100.0% #FEEDF9	RGB 254 237 249	#FEEDF9

#DCD1E7 #E1D5EA #E7DAED #EDDFF0 #F2E3F3 #F8E8F6 #FEEDF9

#DCD1E7 - #FEEDF9

HSV Blend

#DCD1E7 - #FEEDF9 | 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 #DCD1E7 as 0% and #FEEDF9 as 100%.

0.0%	0.0% #DCD1E7	RGB 220 209 231	#DCD1E7
16.7%	16.7% #E3D5EA	RGB 227 213 234	#E3D5EA
33.3%	33.3% #E9DAEE	RGB 233 218 238	#E9DAEE
50.0%	50.0% #F0DEF2	RGB 240 222 242	#F0DEF2
66.7%	66.7% #F6E3F5	RGB 246 227 245	#F6E3F5
83.3%	83.3% #FAE8F7	RGB 250 232 247	#FAE8F7
100.0%	100.0% #FEEDF9	RGB 254 237 249	#FEEDF9

#DCD1E7 #E3D5EA #E9DAEE #F0DEF2 #F6E3F5 #FAE8F7 #FEEDF9

#DCD1E7 - #F0DEF2 - #FEEDF9

CSS codes

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

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