#FEC7DD - #DB6695 | 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 #FEC7DD to #DB6695

#FEC7DD #DB6695

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

#FEC7DD - #DB6695 | 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 #FEC7DD as 0% and #DB6695 as 100%.

0.0%	0.0% #FEC7DD	RGB 254 199 221	#FEC7DD
16.7%	16.7% #F8B6D1	RGB 248 182 209	#F8B6D1
33.3%	33.3% #F2A6C5	RGB 242 166 197	#F2A6C5
50.0%	50.0% #EC96B9	RGB 236 150 185	#EC96B9
66.7%	66.7% #E686AD	RGB 230 134 173	#E686AD
83.3%	83.3% #E076A1	RGB 224 118 161	#E076A1
100.0%	100.0% #DB6695	RGB 219 102 149	#DB6695

#FEC7DD #F8B6D1 #F2A6C5 #EC96B9 #E686AD #E076A1 #DB6695

#FEC7DD - #DB6695

HSV Blend

#FEC7DD - #DB6695 | 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 #FEC7DD as 0% and #DB6695 as 100%.

0.0%	0.0% #FEC7DD	RGB 254 199 221	#FEC7DD
16.7%	16.7% #F8B5D0	RGB 248 181 208	#F8B5D0
33.3%	33.3% #F2A4C3	RGB 242 164 195	#F2A4C3
50.0%	50.0% #EC93B7	RGB 236 147 183	#EC93B7
66.7%	66.7% #E683AB	RGB 230 131 171	#E683AB
83.3%	83.3% #E074A0	RGB 224 116 160	#E074A0
100.0%	100.0% #DB6695	RGB 219 102 149	#DB6695

#FEC7DD #F8B5D0 #F2A4C3 #EC93B7 #E683AB #E074A0 #DB6695

#FEC7DD - #EC93B7 - #DB6695

CSS codes

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

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