#DECEE5 - #FFEFDA | 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 #DECEE5 to #FFEFDA

#DECEE5 #FFEFDA

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

#DECEE5 - #FFEFDA | 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 #DECEE5 as 0% and #FFEFDA as 100%.

0.0%	0.0% #DECEE5	RGB 222 206 229	#DECEE5
16.7%	16.7% #E3D3E3	RGB 227 211 227	#E3D3E3
33.3%	33.3% #E9D9E1	RGB 233 217 225	#E9D9E1
50.0%	50.0% #EEDEDF	RGB 238 222 223	#EEDEDF
66.7%	66.7% #F4E4DD	RGB 244 228 221	#F4E4DD
83.3%	83.3% #F9E9DB	RGB 249 233 219	#F9E9DB
100.0%	100.0% #FFEFDA	RGB 255 239 218	#FFEFDA

#DECEE5 #E3D3E3 #E9D9E1 #EEDEDF #F4E4DD #F9E9DB #FFEFDA

#DECEE5 - #FFEFDA

HSV Blend

#DECEE5 - #FFEFDA | 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 #DECEE5 as 0% and #FFEFDA as 100%.

0.0%	0.0% #DECEE5	RGB 222 206 229	#DECEE5
16.7%	16.7% #E9D0E9	RGB 233 208 233	#E9D0E9
33.3%	33.3% #EDD2E4	RGB 237 210 228	#EDD2E4
50.0%	50.0% #F2D4DF	RGB 242 212 223	#F2D4DF
66.7%	66.7% #F6D6D8	RGB 246 214 216	#F6D6D8
83.3%	83.3% #FAE0D8	RGB 250 224 216	#FAE0D8
100.0%	100.0% #FFEFDA	RGB 255 239 218	#FFEFDA

#DECEE5 #E9D0E9 #EDD2E4 #F2D4DF #F6D6D8 #FAE0D8 #FFEFDA

#DECEE5 - #F2D4DF - #FFEFDA

CSS codes

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

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