#DDCDDA - #FFF8EE | 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 #DDCDDA to #FFF8EE

#DDCDDA #FFF8EE

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

#DDCDDA - #FFF8EE | 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 #DDCDDA as 0% and #FFF8EE as 100%.

0.0%	0.0% #DDCDDA	RGB 221 205 218	#DDCDDA
16.7%	16.7% #E2D4DD	RGB 226 212 221	#E2D4DD
33.3%	33.3% #E8DBE0	RGB 232 219 224	#E8DBE0
50.0%	50.0% #EEE2E4	RGB 238 226 228	#EEE2E4
66.7%	66.7% #F3E9E7	RGB 243 233 231	#F3E9E7
83.3%	83.3% #F9F0EA	RGB 249 240 234	#F9F0EA
100.0%	100.0% #FFF8EE	RGB 255 248 238	#FFF8EE

#DDCDDA #E2D4DD #E8DBE0 #EEE2E4 #F3E9E7 #F9F0EA #FFF8EE

#DDCDDA - #FFF8EE

HSV Blend

#DDCDDA - #FFF8EE | 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 #DDCDDA as 0% and #FFF8EE as 100%.

0.0%	0.0% #DDCDDA	RGB 221 205 218	#DDCDDA
16.7%	16.7% #E2D2DB	RGB 226 210 219	#E2D2DB
33.3%	33.3% #E8D7DD	RGB 232 215 221	#E8D7DD
50.0%	50.0% #EEDDDF	RGB 238 221 223	#EEDDDF
66.7%	66.7% #F3E4E2	RGB 243 228 226	#F3E4E2
83.3%	83.3% #F9EEE8	RGB 249 238 232	#F9EEE8
100.0%	100.0% #FFF8EE	RGB 255 248 238	#FFF8EE

#DDCDDA #E2D2DB #E8D7DD #EEDDDF #F3E4E2 #F9EEE8 #FFF8EE

#DDCDDA - #EEDDDF - #FFF8EE

CSS codes

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

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