#FED3E4 - #DB7B9F | 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 #FED3E4 to #DB7B9F

#FED3E4 #DB7B9F

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

#FED3E4 - #DB7B9F | 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 #FED3E4 as 0% and #DB7B9F as 100%.

0.0%	0.0% #FED3E4	RGB 254 211 228	#FED3E4
16.7%	16.7% #F8C4D8	RGB 248 196 216	#F8C4D8
33.3%	33.3% #F2B5CD	RGB 242 181 205	#F2B5CD
50.0%	50.0% #ECA7C1	RGB 236 167 193	#ECA7C1
66.7%	66.7% #E698B6	RGB 230 152 182	#E698B6
83.3%	83.3% #E089AA	RGB 224 137 170	#E089AA
100.0%	100.0% #DB7B9F	RGB 219 123 159	#DB7B9F

#FED3E4 #F8C4D8 #F2B5CD #ECA7C1 #E698B6 #E089AA #DB7B9F

#FED3E4 - #DB7B9F

HSV Blend

#FED3E4 - #DB7B9F | 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 #FED3E4 as 0% and #DB7B9F as 100%.

0.0%	0.0% #FED3E4	RGB 254 211 228	#FED3E4
16.7%	16.7% #F8C3D7	RGB 248 195 215	#F8C3D7
33.3%	33.3% #F2B3CB	RGB 242 179 203	#F2B3CB
50.0%	50.0% #ECA4C0	RGB 236 164 192	#ECA4C0
66.7%	66.7% #E696B4	RGB 230 150 180	#E696B4
83.3%	83.3% #E088A9	RGB 224 136 169	#E088A9
100.0%	100.0% #DB7B9F	RGB 219 123 159	#DB7B9F

#FED3E4 #F8C3D7 #F2B3CB #ECA4C0 #E696B4 #E088A9 #DB7B9F

#FED3E4 - #ECA4C0 - #DB7B9F

CSS codes

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

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