#FDFF60 - #D4DB1A | 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 #FDFF60 to #D4DB1A

#FDFF60 #D4DB1A

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

#FDFF60 - #D4DB1A | 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 #FDFF60 as 0% and #D4DB1A as 100%.

0.0%	0.0% #FDFF60	RGB 253 255 96	#FDFF60
16.7%	16.7% #F6F954	RGB 246 249 84	#F6F954
33.3%	33.3% #EFF348	RGB 239 243 72	#EFF348
50.0%	50.0% #E8ED3D	RGB 232 237 61	#E8ED3D
66.7%	66.7% #E1E731	RGB 225 231 49	#E1E731
83.3%	83.3% #DAE125	RGB 218 225 37	#DAE125
100.0%	100.0% #D4DB1A	RGB 212 219 26	#D4DB1A

#FDFF60 #F6F954 #EFF348 #E8ED3D #E1E731 #DAE125 #D4DB1A

#FDFF60 - #D4DB1A

HSV Blend

#FDFF60 - #D4DB1A | 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 #FDFF60 as 0% and #D4DB1A as 100%.

0.0%	0.0% #FDFF60	RGB 253 255 96	#FDFF60
16.7%	16.7% #F6F953	RGB 246 249 83	#F6F953
33.3%	33.3% #EFF346	RGB 239 243 70	#EFF346
50.0%	50.0% #E8ED3A	RGB 232 237 58	#E8ED3A
66.7%	66.7% #E1E72F	RGB 225 231 47	#E1E72F
83.3%	83.3% #DAE124	RGB 218 225 36	#DAE124
100.0%	100.0% #D4DB1A	RGB 212 219 26	#D4DB1A

#FDFF60 #F6F953 #EFF346 #E8ED3A #E1E72F #DAE124 #D4DB1A

#FDFF60 - #E8ED3A - #D4DB1A

CSS codes

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

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