#DCD7E2 - #FFF0FC | 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 #DCD7E2 to #FFF0FC

#DCD7E2 #FFF0FC

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

#DCD7E2 - #FFF0FC | 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 #DCD7E2 as 0% and #FFF0FC as 100%.

0.0%	0.0% #DCD7E2	RGB 220 215 226	#DCD7E2
16.7%	16.7% #E1DBE6	RGB 225 219 230	#E1DBE6
33.3%	33.3% #E7DFEA	RGB 231 223 234	#E7DFEA
50.0%	50.0% #EDE3EF	RGB 237 227 239	#EDE3EF
66.7%	66.7% #F3E7F3	RGB 243 231 243	#F3E7F3
83.3%	83.3% #F9EBF7	RGB 249 235 247	#F9EBF7
100.0%	100.0% #FFF0FC	RGB 255 240 252	#FFF0FC

#DCD7E2 #E1DBE6 #E7DFEA #EDE3EF #F3E7F3 #F9EBF7 #FFF0FC

#DCD7E2 - #FFF0FC

HSV Blend

#DCD7E2 - #FFF0FC | 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 #DCD7E2 as 0% and #FFF0FC as 100%.

0.0%	0.0% #DCD7E2	RGB 220 215 226	#DCD7E2
16.7%	16.7% #E1DBE6	RGB 225 219 230	#E1DBE6
33.3%	33.3% #E8DFEB	RGB 232 223 235	#E8DFEB
50.0%	50.0% #EEE3F0	RGB 238 227 240	#EEE3F0
66.7%	66.7% #F4E7F5	RGB 244 231 245	#F4E7F5
83.3%	83.3% #FAEBF9	RGB 250 235 249	#FAEBF9
100.0%	100.0% #FFF0FC	RGB 255 240 252	#FFF0FC

#DCD7E2 #E1DBE6 #E8DFEB #EEE3F0 #F4E7F5 #FAEBF9 #FFF0FC

#DCD7E2 - #EEE3F0 - #FFF0FC

CSS codes

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

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