#DDA1ED - #F8EBEC | 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 #DDA1ED to #F8EBEC

#DDA1ED #F8EBEC

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

#DDA1ED - #F8EBEC | 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 #DDA1ED as 0% and #F8EBEC as 100%.

0.0%	0.0% #DDA1ED	RGB 221 161 237	#DDA1ED
16.7%	16.7% #E1ADEC	RGB 225 173 236	#E1ADEC
33.3%	33.3% #E6B9EC	RGB 230 185 236	#E6B9EC
50.0%	50.0% #EAC6EC	RGB 234 198 236	#EAC6EC
66.7%	66.7% #EFD2EC	RGB 239 210 236	#EFD2EC
83.3%	83.3% #F3DEEC	RGB 243 222 236	#F3DEEC
100.0%	100.0% #F8EBEC	RGB 248 235 236	#F8EBEC

#DDA1ED #E1ADEC #E6B9EC #EAC6EC #EFD2EC #F3DEEC #F8EBEC

#DDA1ED - #F8EBEC

HSV Blend

#DDA1ED - #F8EBEC | 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 #DDA1ED as 0% and #F8EBEC as 100%.

0.0%	0.0% #DDA1ED	RGB 221 161 237	#DDA1ED
16.7%	16.7% #EDACEE	RGB 237 172 238	#EDACEE
33.3%	33.3% #F0B9E7	RGB 240 185 231	#F0B9E7
50.0%	50.0% #F2C5E2	RGB 242 197 226	#F2C5E2
66.7%	66.7% #F4D1E1	RGB 244 209 225	#F4D1E1
83.3%	83.3% #F6DEE4	RGB 246 222 228	#F6DEE4
100.0%	100.0% #F8EBEC	RGB 248 235 236	#F8EBEC

#DDA1ED #EDACEE #F0B9E7 #F2C5E2 #F4D1E1 #F6DEE4 #F8EBEC

#DDA1ED - #F2C5E2 - #F8EBEC

CSS codes

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

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