#DA7E9C - #FED3B6 | 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 #DA7E9C to #FED3B6

#DA7E9C #FED3B6

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

#DA7E9C - #FED3B6 | 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 #DA7E9C as 0% and #FED3B6 as 100%.

0.0%	0.0% #DA7E9C	RGB 218 126 156	#DA7E9C
16.7%	16.7% #E08CA0	RGB 224 140 160	#E08CA0
33.3%	33.3% #E69AA4	RGB 230 154 164	#E69AA4
50.0%	50.0% #ECA8A9	RGB 236 168 169	#ECA8A9
66.7%	66.7% #F2B6AD	RGB 242 182 173	#F2B6AD
83.3%	83.3% #F8C4B1	RGB 248 196 177	#F8C4B1
100.0%	100.0% #FED3B6	RGB 254 211 182	#FED3B6

#DA7E9C #E08CA0 #E69AA4 #ECA8A9 #F2B6AD #F8C4B1 #FED3B6

#DA7E9C - #FED3B6

HSV Blend

#DA7E9C - #FED3B6 | 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 #DA7E9C as 0% and #FED3B6 as 100%.

0.0%	0.0% #DA7E9C	RGB 218 126 156	#DA7E9C
16.7%	16.7% #E08698	RGB 224 134 152	#E08698
33.3%	33.3% #E68F96	RGB 230 143 150	#E68F96
50.0%	50.0% #EC9B98	RGB 236 155 152	#EC9B98
66.7%	66.7% #F2AEA2	RGB 242 174 162	#F2AEA2
83.3%	83.3% #F8C1AB	RGB 248 193 171	#F8C1AB
100.0%	100.0% #FED3B6	RGB 254 211 182	#FED3B6

#DA7E9C #E08698 #E68F96 #EC9B98 #F2AEA2 #F8C1AB #FED3B6

#DA7E9C - #EC9B98 - #FED3B6

CSS codes

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

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