#DEDDDF - #FFF2FD | 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 #DEDDDF to #FFF2FD

#DEDDDF #FFF2FD

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

#DEDDDF - #FFF2FD | 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 #DEDDDF as 0% and #FFF2FD as 100%.

0.0%	0.0% #DEDDDF	RGB 222 221 223	#DEDDDF
16.7%	16.7% #E3E0E4	RGB 227 224 228	#E3E0E4
33.3%	33.3% #E9E4E9	RGB 233 228 233	#E9E4E9
50.0%	50.0% #EEE7EE	RGB 238 231 238	#EEE7EE
66.7%	66.7% #F4EBF3	RGB 244 235 243	#F4EBF3
83.3%	83.3% #F9EEF8	RGB 249 238 248	#F9EEF8
100.0%	100.0% #FFF2FD	RGB 255 242 253	#FFF2FD

#DEDDDF #E3E0E4 #E9E4E9 #EEE7EE #F4EBF3 #F9EEF8 #FFF2FD

#DEDDDF - #FFF2FD

HSV Blend

#DEDDDF - #FFF2FD | 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 #DEDDDF as 0% and #FFF2FD as 100%.

0.0%	0.0% #DEDDDF	RGB 222 221 223	#DEDDDF
16.7%	16.7% #E2E0E4	RGB 226 224 228	#E2E0E4
33.3%	33.3% #E8E4E9	RGB 232 228 233	#E8E4E9
50.0%	50.0% #EDE7EF	RGB 237 231 239	#EDE7EF
66.7%	66.7% #F3EBF4	RGB 243 235 244	#F3EBF4
83.3%	83.3% #F9EEF9	RGB 249 238 249	#F9EEF9
100.0%	100.0% #FFF2FD	RGB 255 242 253	#FFF2FD

#DEDDDF #E2E0E4 #E8E4E9 #EDE7EF #F3EBF4 #F9EEF9 #FFF2FD

#DEDDDF - #EDE7EF - #FFF2FD

CSS codes

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

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