#DDB5E7 - #FFF9DE | 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 #DDB5E7 to #FFF9DE

#DDB5E7 #FFF9DE

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

#DDB5E7 - #FFF9DE | 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 #DDB5E7 as 0% and #FFF9DE as 100%.

0.0%	0.0% #DDB5E7	RGB 221 181 231	#DDB5E7
16.7%	16.7% #E2C0E5	RGB 226 192 229	#E2C0E5
33.3%	33.3% #E8CBE4	RGB 232 203 228	#E8CBE4
50.0%	50.0% #EED7E2	RGB 238 215 226	#EED7E2
66.7%	66.7% #F3E2E1	RGB 243 226 225	#F3E2E1
83.3%	83.3% #F9EDDF	RGB 249 237 223	#F9EDDF
100.0%	100.0% #FFF9DE	RGB 255 249 222	#FFF9DE

#DDB5E7 #E2C0E5 #E8CBE4 #EED7E2 #F3E2E1 #F9EDDF #FFF9DE

#DDB5E7 - #FFF9DE

HSV Blend

#DDB5E7 - #FFF9DE | 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 #DDB5E7 as 0% and #FFF9DE as 100%.

0.0%	0.0% #DDB5E7	RGB 221 181 231	#DDB5E7
16.7%	16.7% #EBBBE4	RGB 235 187 228	#EBBBE4
33.3%	33.3% #EFC2D9	RGB 239 194 217	#EFC2D9
50.0%	50.0% #F3C8D1	RGB 243 200 209	#F3C8D1
66.7%	66.7% #F7D5CF	RGB 247 213 207	#F7D5CF
83.3%	83.3% #FBE8D6	RGB 251 232 214	#FBE8D6
100.0%	100.0% #FFF9DE	RGB 255 249 222	#FFF9DE

#DDB5E7 #EBBBE4 #EFC2D9 #F3C8D1 #F7D5CF #FBE8D6 #FFF9DE

#DDB5E7 - #F3C8D1 - #FFF9DE

CSS codes

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

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