#FEFF4B - #DEC712 | 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 #FEFF4B to #DEC712

#FEFF4B #DEC712

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

#FEFF4B - #DEC712 | 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 #FEFF4B as 0% and #DEC712 as 100%.

0.0%	0.0% #FEFF4B	RGB 254 255 75	#FEFF4B
16.7%	16.7% #F8F541	RGB 248 245 65	#F8F541
33.3%	33.3% #F3EC38	RGB 243 236 56	#F3EC38
50.0%	50.0% #EEE32E	RGB 238 227 46	#EEE32E
66.7%	66.7% #E8D925	RGB 232 217 37	#E8D925
83.3%	83.3% #E3D01B	RGB 227 208 27	#E3D01B
100.0%	100.0% #DEC712	RGB 222 199 18	#DEC712

#FEFF4B #F8F541 #F3EC38 #EEE32E #E8D925 #E3D01B #DEC712

#FEFF4B - #DEC712

HSV Blend

#FEFF4B - #DEC712 | 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 #FEFF4B as 0% and #DEC712 as 100%.

0.0%	0.0% #FEFF4B	RGB 254 255 75	#FEFF4B
16.7%	16.7% #F9F640	RGB 249 246 64	#F9F640
33.3%	33.3% #F4ED36	RGB 244 237 54	#F4ED36
50.0%	50.0% #EEE42C	RGB 238 228 44	#EEE42C
66.7%	66.7% #E9DA23	RGB 233 218 35	#E9DA23
83.3%	83.3% #E3D01A	RGB 227 208 26	#E3D01A
100.0%	100.0% #DEC712	RGB 222 199 18	#DEC712

#FEFF4B #F9F640 #F4ED36 #EEE42C #E9DA23 #E3D01A #DEC712

#FEFF4B - #EEE42C - #DEC712

CSS codes

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

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