#FEBDC2 - #FEECED | 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 #FEBDC2 to #FEECED

#FEBDC2 #FEECED

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

#FEBDC2 - #FEECED | 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 #FEBDC2 as 0% and #FEECED as 100%.

0.0%	0.0% #FEBDC2	RGB 254 189 194	#FEBDC2
16.7%	16.7% #FEC4C9	RGB 254 196 201	#FEC4C9
33.3%	33.3% #FECCD0	RGB 254 204 208	#FECCD0
50.0%	50.0% #FED4D7	RGB 254 212 215	#FED4D7
66.7%	66.7% #FEDCDE	RGB 254 220 222	#FEDCDE
83.3%	83.3% #FEE4E5	RGB 254 228 229	#FEE4E5
100.0%	100.0% #FEECED	RGB 254 236 237	#FEECED

#FEBDC2 #FEC4C9 #FECCD0 #FED4D7 #FEDCDE #FEE4E5 #FEECED

#FEBDC2 - #FEECED

HSV Blend

#FEBDC2 - #FEECED | 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 #FEBDC2 as 0% and #FEECED as 100%.

0.0%	0.0% #FEBDC2	RGB 254 189 194	#FEBDC2
16.7%	16.7% #FEC4C9	RGB 254 196 201	#FEC4C9
33.3%	33.3% #FECCD0	RGB 254 204 208	#FECCD0
50.0%	50.0% #FED4D7	RGB 254 212 215	#FED4D7
66.7%	66.7% #FEDCDE	RGB 254 220 222	#FEDCDE
83.3%	83.3% #FEE4E5	RGB 254 228 229	#FEE4E5
100.0%	100.0% #FEECED	RGB 254 236 237	#FEECED

#FEBDC2 #FEC4C9 #FECCD0 #FED4D7 #FEDCDE #FEE4E5 #FEECED

#FEBDC2 - #FED4D7 - #FEECED

CSS codes

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

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