#DDF7F1 - #FFECFE | 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 #DDF7F1 to #FFECFE

#DDF7F1 #FFECFE

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

#DDF7F1 - #FFECFE | 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 #DDF7F1 as 0% and #FFECFE as 100%.

0.0%	0.0% #DDF7F1	RGB 221 247 241	#DDF7F1
16.7%	16.7% #E2F5F3	RGB 226 245 243	#E2F5F3
33.3%	33.3% #E8F3F5	RGB 232 243 245	#E8F3F5
50.0%	50.0% #EEF1F7	RGB 238 241 247	#EEF1F7
66.7%	66.7% #F3EFF9	RGB 243 239 249	#F3EFF9
83.3%	83.3% #F9EDFB	RGB 249 237 251	#F9EDFB
100.0%	100.0% #FFECFE	RGB 255 236 254	#FFECFE

#DDF7F1 #E2F5F3 #E8F3F5 #EEF1F7 #F3EFF9 #F9EDFB #FFECFE

#DDF7F1 - #FFECFE

HSV Blend

#DDF7F1 - #FFECFE | 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 #DDF7F1 as 0% and #FFECFE as 100%.

0.0%	0.0% #DDF7F1	RGB 221 247 241	#DDF7F1
16.7%	16.7% #DFF4F8	RGB 223 244 248	#DFF4F8
33.3%	33.3% #E1EDF9	RGB 225 237 249	#E1EDF9
50.0%	50.0% #E4E6FB	RGB 228 230 251	#E4E6FB
66.7%	66.7% #EDE6FC	RGB 237 230 252	#EDE6FC
83.3%	83.3% #F7E9FD	RGB 247 233 253	#F7E9FD
100.0%	100.0% #FFECFE	RGB 255 236 254	#FFECFE

#DDF7F1 #DFF4F8 #E1EDF9 #E4E6FB #EDE6FC #F7E9FD #FFECFE

#DDF7F1 - #E4E6FB - #FFECFE

CSS codes

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

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