#FEFF95 - #CEC62E | 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 #FEFF95 to #CEC62E

#FEFF95 #CEC62E

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

#FEFF95 - #CEC62E | 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 #FEFF95 as 0% and #CEC62E as 100%.

0.0%	0.0% #FEFF95	RGB 254 255 149	#FEFF95
16.7%	16.7% #F6F583	RGB 246 245 131	#F6F583
33.3%	33.3% #EEEC72	RGB 238 236 114	#EEEC72
50.0%	50.0% #E6E261	RGB 230 226 97	#E6E261
66.7%	66.7% #DED950	RGB 222 217 80	#DED950
83.3%	83.3% #D6CF3F	RGB 214 207 63	#D6CF3F
100.0%	100.0% #CEC62E	RGB 206 198 46	#CEC62E

#FEFF95 #F6F583 #EEEC72 #E6E261 #DED950 #D6CF3F #CEC62E

#FEFF95 - #CEC62E

HSV Blend

#FEFF95 - #CEC62E | 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 #FEFF95 as 0% and #CEC62E as 100%.

0.0%	0.0% #FEFF95	RGB 254 255 149	#FEFF95
16.7%	16.7% #F6F681	RGB 246 246 129	#F6F681
33.3%	33.3% #EEED6E	RGB 238 237 110	#EEED6E
50.0%	50.0% #E6E35D	RGB 230 227 93	#E6E35D
66.7%	66.7% #DED94C	RGB 222 217 76	#DED94C
83.3%	83.3% #D6D03C	RGB 214 208 60	#D6D03C
100.0%	100.0% #CEC62E	RGB 206 198 46	#CEC62E

#FEFF95 #F6F681 #EEED6E #E6E35D #DED94C #D6D03C #CEC62E

#FEFF95 - #E6E35D - #CEC62E

CSS codes

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

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