#DD8BA1 - #FEDABA | 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 #DD8BA1 to #FEDABA

#DD8BA1 #FEDABA

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

#DD8BA1 - #FEDABA | 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 #DD8BA1 as 0% and #FEDABA as 100%.

0.0%	0.0% #DD8BA1	RGB 221 139 161	#DD8BA1
16.7%	16.7% #E298A5	RGB 226 152 165	#E298A5
33.3%	33.3% #E8A5A9	RGB 232 165 169	#E8A5A9
50.0%	50.0% #EDB2AD	RGB 237 178 173	#EDB2AD
66.7%	66.7% #F3BFB1	RGB 243 191 177	#F3BFB1
83.3%	83.3% #F8CCB5	RGB 248 204 181	#F8CCB5
100.0%	100.0% #FEDABA	RGB 254 218 186	#FEDABA

#DD8BA1 #E298A5 #E8A5A9 #EDB2AD #F3BFB1 #F8CCB5 #FEDABA

#DD8BA1 - #FEDABA

HSV Blend

#DD8BA1 - #FEDABA | 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 #DD8BA1 as 0% and #FEDABA as 100%.

0.0%	0.0% #DD8BA1	RGB 221 139 161	#DD8BA1
16.7%	16.7% #E2929D	RGB 226 146 157	#E2929D
33.3%	33.3% #E8999B	RGB 232 153 155	#E8999B
50.0%	50.0% #EDA9A1	RGB 237 169 161	#EDA9A1
66.7%	66.7% #F3BAA9	RGB 243 186 169	#F3BAA9
83.3%	83.3% #F8CAB1	RGB 248 202 177	#F8CAB1
100.0%	100.0% #FEDABA	RGB 254 218 186	#FEDABA

#DD8BA1 #E2929D #E8999B #EDA9A1 #F3BAA9 #F8CAB1 #FEDABA

#DD8BA1 - #EDA9A1 - #FEDABA

CSS codes

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

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