#FCECA2 - #CFB43E | 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 #FCECA2 to #CFB43E

#FCECA2 #CFB43E

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

#FCECA2 - #CFB43E | 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 #FCECA2 as 0% and #CFB43E as 100%.

0.0%	0.0% #FCECA2	RGB 252 236 162	#FCECA2
16.7%	16.7% #F4E291	RGB 244 226 145	#F4E291
33.3%	33.3% #EDD980	RGB 237 217 128	#EDD980
50.0%	50.0% #E5D070	RGB 229 208 112	#E5D070
66.7%	66.7% #DEC65F	RGB 222 198 95	#DEC65F
83.3%	83.3% #D6BD4E	RGB 214 189 78	#D6BD4E
100.0%	100.0% #CFB43E	RGB 207 180 62	#CFB43E

#FCECA2 #F4E291 #EDD980 #E5D070 #DEC65F #D6BD4E #CFB43E

#FCECA2 - #CFB43E

HSV Blend

#FCECA2 - #CFB43E | 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 #FCECA2 as 0% and #CFB43E as 100%.

0.0%	0.0% #FCECA2	RGB 252 236 162	#FCECA2
16.7%	16.7% #F4E28F	RGB 244 226 143	#F4E28F
33.3%	33.3% #EDD87D	RGB 237 216 125	#EDD87D
50.0%	50.0% #E5CF6C	RGB 229 207 108	#E5CF6C
66.7%	66.7% #DEC65B	RGB 222 198 91	#DEC65B
83.3%	83.3% #D6BD4C	RGB 214 189 76	#D6BD4C
100.0%	100.0% #CFB43E	RGB 207 180 62	#CFB43E

#FCECA2 #F4E28F #EDD87D #E5CF6C #DEC65B #D6BD4C #CFB43E

#FCECA2 - #E5CF6C - #CFB43E

CSS codes

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

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