#FFC151 - #EDEC7F | 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 #FFC151 to #EDEC7F

#FFC151 #EDEC7F

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

#FFC151 - #EDEC7F | 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 #FFC151 as 0% and #EDEC7F as 100%.

0.0%	0.0% #FFC151	RGB 255 193 81	#FFC151
16.7%	16.7% #FCC858	RGB 252 200 88	#FCC858
33.3%	33.3% #F9CF60	RGB 249 207 96	#F9CF60
50.0%	50.0% #F6D668	RGB 246 214 104	#F6D668
66.7%	66.7% #F3DD6F	RGB 243 221 111	#F3DD6F
83.3%	83.3% #F0E477	RGB 240 228 119	#F0E477
100.0%	100.0% #EDEC7F	RGB 237 236 127	#EDEC7F

#FFC151 #FCC858 #F9CF60 #F6D668 #F3DD6F #F0E477 #EDEC7F

#FFC151 - #EDEC7F

HSV Blend

#FFC151 - #EDEC7F | 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 #FFC151 as 0% and #EDEC7F as 100%.

0.0%	0.0% #FFC151	RGB 255 193 81	#FFC151
16.7%	16.7% #FCCB59	RGB 252 203 89	#FCCB59
33.3%	33.3% #F9D461	RGB 249 212 97	#F9D461
50.0%	50.0% #F6DC68	RGB 246 220 104	#F6DC68
66.7%	66.7% #F3E270	RGB 243 226 112	#F3E270
83.3%	83.3% #F0E777	RGB 240 231 119	#F0E777
100.0%	100.0% #EDEC7F	RGB 237 236 127	#EDEC7F

#FFC151 #FCCB59 #F9D461 #F6DC68 #F3E270 #F0E777 #EDEC7F

#FFC151 - #F6DC68 - #EDEC7F

CSS codes

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

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