#FEFF6D - #D6DD21 | 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 #FEFF6D to #D6DD21

#FEFF6D #D6DD21

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

#FEFF6D - #D6DD21 | 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 #FEFF6D as 0% and #D6DD21 as 100%.

0.0%	0.0% #FEFF6D	RGB 254 255 109	#FEFF6D
16.7%	16.7% #F7F960	RGB 247 249 96	#F7F960
33.3%	33.3% #F0F353	RGB 240 243 83	#F0F353
50.0%	50.0% #EAEE47	RGB 234 238 71	#EAEE47
66.7%	66.7% #E3E83A	RGB 227 232 58	#E3E83A
83.3%	83.3% #DCE22D	RGB 220 226 45	#DCE22D
100.0%	100.0% #D6DD21	RGB 214 221 33	#D6DD21

#FEFF6D #F7F960 #F0F353 #EAEE47 #E3E83A #DCE22D #D6DD21

#FEFF6D - #D6DD21

HSV Blend

#FEFF6D - #D6DD21 | 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 #FEFF6D as 0% and #D6DD21 as 100%.

0.0%	0.0% #FEFF6D	RGB 254 255 109	#FEFF6D
16.7%	16.7% #F7F95F	RGB 247 249 95	#F7F95F
33.3%	33.3% #F0F351	RGB 240 243 81	#F0F351
50.0%	50.0% #EAEE44	RGB 234 238 68	#EAEE44
66.7%	66.7% #E3E838	RGB 227 232 56	#E3E838
83.3%	83.3% #DCE22C	RGB 220 226 44	#DCE22C
100.0%	100.0% #D6DD21	RGB 214 221 33	#D6DD21

#FEFF6D #F7F95F #F0F351 #EAEE44 #E3E838 #DCE22C #D6DD21

#FEFF6D - #EAEE44 - #D6DD21

CSS codes

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

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