#F0C4C3 - #BD5E6E | 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 #F0C4C3 to #BD5E6E

#F0C4C3 #BD5E6E

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

#F0C4C3 - #BD5E6E | 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 #F0C4C3 as 0% and #BD5E6E as 100%.

0.0%	0.0% #F0C4C3	RGB 240 196 195	#F0C4C3
16.7%	16.7% #E7B3B4	RGB 231 179 180	#E7B3B4
33.3%	33.3% #DFA2A6	RGB 223 162 166	#DFA2A6
50.0%	50.0% #D69198	RGB 214 145 152	#D69198
66.7%	66.7% #CE808A	RGB 206 128 138	#CE808A
83.3%	83.3% #C56F7C	RGB 197 111 124	#C56F7C
100.0%	100.0% #BD5E6E	RGB 189 94 110	#BD5E6E

#F0C4C3 #E7B3B4 #DFA2A6 #D69198 #CE808A #C56F7C #BD5E6E

#F0C4C3 - #BD5E6E

HSV Blend

#F0C4C3 - #BD5E6E | 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 #F0C4C3 as 0% and #BD5E6E as 100%.

0.0%	0.0% #F0C4C3	RGB 240 196 195	#F0C4C3
16.7%	16.7% #E7AFB0	RGB 231 175 176	#E7AFB0
33.3%	33.3% #DF9DA0	RGB 223 157 160	#DF9DA0
50.0%	50.0% #D68C91	RGB 214 140 145	#D68C91
66.7%	66.7% #CE7C84	RGB 206 124 132	#CE7C84
83.3%	83.3% #C56C78	RGB 197 108 120	#C56C78
100.0%	100.0% #BD5E6E	RGB 189 94 110	#BD5E6E

#F0C4C3 #E7AFB0 #DF9DA0 #D68C91 #CE7C84 #C56C78 #BD5E6E

#F0C4C3 - #D68C91 - #BD5E6E

CSS codes

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

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