#DECAE5 - #FFE5EC | 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 #DECAE5 to #FFE5EC

#DECAE5 #FFE5EC

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

#DECAE5 - #FFE5EC | 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 #DECAE5 as 0% and #FFE5EC as 100%.

0.0%	0.0% #DECAE5	RGB 222 202 229	#DECAE5
16.7%	16.7% #E3CEE6	RGB 227 206 230	#E3CEE6
33.3%	33.3% #E9D3E7	RGB 233 211 231	#E9D3E7
50.0%	50.0% #EED7E8	RGB 238 215 232	#EED7E8
66.7%	66.7% #F4DCE9	RGB 244 220 233	#F4DCE9
83.3%	83.3% #F9E0EA	RGB 249 224 234	#F9E0EA
100.0%	100.0% #FFE5EC	RGB 255 229 236	#FFE5EC

#DECAE5 #E3CEE6 #E9D3E7 #EED7E8 #F4DCE9 #F9E0EA #FFE5EC

#DECAE5 - #FFE5EC

HSV Blend

#DECAE5 - #FFE5EC | 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 #DECAE5 as 0% and #FFE5EC as 100%.

0.0%	0.0% #DECAE5	RGB 222 202 229	#DECAE5
16.7%	16.7% #E6CEE9	RGB 230 206 233	#E6CEE9
33.3%	33.3% #EDD2EB	RGB 237 210 235	#EDD2EB
50.0%	50.0% #F2D7EB	RGB 242 215 235	#F2D7EB
66.7%	66.7% #F6DBEB	RGB 246 219 235	#F6DBEB
83.3%	83.3% #FAE0EB	RGB 250 224 235	#FAE0EB
100.0%	100.0% #FFE5EC	RGB 255 229 236	#FFE5EC

#DECAE5 #E6CEE9 #EDD2EB #F2D7EB #F6DBEB #FAE0EB #FFE5EC

#DECAE5 - #F2D7EB - #FFE5EC

CSS codes

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

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