#DEC5E8 - #FFEFDD | 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 #DEC5E8 to #FFEFDD

#DEC5E8 #FFEFDD

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

#DEC5E8 - #FFEFDD | 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 #DEC5E8 as 0% and #FFEFDD as 100%.

0.0%	0.0% #DEC5E8	RGB 222 197 232	#DEC5E8
16.7%	16.7% #E3CCE6	RGB 227 204 230	#E3CCE6
33.3%	33.3% #E9D3E4	RGB 233 211 228	#E9D3E4
50.0%	50.0% #EEDAE2	RGB 238 218 226	#EEDAE2
66.7%	66.7% #F4E1E0	RGB 244 225 224	#F4E1E0
83.3%	83.3% #F9E8DE	RGB 249 232 222	#F9E8DE
100.0%	100.0% #FFEFDD	RGB 255 239 221	#FFEFDD

#DEC5E8 #E3CCE6 #E9D3E4 #EEDAE2 #F4E1E0 #F9E8DE #FFEFDD

#DEC5E8 - #FFEFDD

HSV Blend

#DEC5E8 - #FFEFDD | 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 #DEC5E8 as 0% and #FFEFDD as 100%.

0.0%	0.0% #DEC5E8	RGB 222 197 232	#DEC5E8
16.7%	16.7% #EBC8EB	RGB 235 200 235	#EBC8EB
33.3%	33.3% #EFCCE4	RGB 239 204 228	#EFCCE4
50.0%	50.0% #F3D0DD	RGB 243 208 221	#F3D0DD
66.7%	66.7% #F7D4D7	RGB 247 212 215	#F7D4D7
83.3%	83.3% #FBE0D8	RGB 251 224 216	#FBE0D8
100.0%	100.0% #FFEFDD	RGB 255 239 221	#FFEFDD

#DEC5E8 #EBC8EB #EFCCE4 #F3D0DD #F7D4D7 #FBE0D8 #FFEFDD

#DEC5E8 - #F3D0DD - #FFEFDD

CSS codes

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

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