#FE8F7B - #F5E2A2 | 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 #FE8F7B to #F5E2A2

#FE8F7B #F5E2A2

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

#FE8F7B - #F5E2A2 | 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 #FE8F7B as 0% and #F5E2A2 as 100%.

0.0%	0.0% #FE8F7B	RGB 254 143 123	#FE8F7B
16.7%	16.7% #FC9C81	RGB 252 156 129	#FC9C81
33.3%	33.3% #FBAA88	RGB 251 170 136	#FBAA88
50.0%	50.0% #F9B88E	RGB 249 184 142	#F9B88E
66.7%	66.7% #F8C695	RGB 248 198 149	#F8C695
83.3%	83.3% #F6D49B	RGB 246 212 155	#F6D49B
100.0%	100.0% #F5E2A2	RGB 245 226 162	#F5E2A2

#FE8F7B #FC9C81 #FBAA88 #F9B88E #F8C695 #F6D49B #F5E2A2

#FE8F7B - #F5E2A2

HSV Blend

#FE8F7B - #F5E2A2 | 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 #FE8F7B as 0% and #F5E2A2 as 100%.

0.0%	0.0% #FE8F7B	RGB 254 143 123	#FE8F7B
16.7%	16.7% #FCA181	RGB 252 161 129	#FCA181
33.3%	33.3% #FBB188	RGB 251 177 136	#FBB188
50.0%	50.0% #F9C08E	RGB 249 192 142	#F9C08E
66.7%	66.7% #F8CD95	RGB 248 205 149	#F8CD95
83.3%	83.3% #F6D89B	RGB 246 216 155	#F6D89B
100.0%	100.0% #F5E2A2	RGB 245 226 162	#F5E2A2

#FE8F7B #FCA181 #FBB188 #F9C08E #F8CD95 #F6D89B #F5E2A2

#FE8F7B - #F9C08E - #F5E2A2

CSS codes

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

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