#FDFF2D - #48480C | 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 #FDFF2D to #48480C

#FDFF2D #48480C

Calculate the color between two colors, #FDFF2D and #48480C. 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)

#FDFF2D - #48480C | 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 #FDFF2D as 0% and #48480C as 100%.

0.0%	0.0% #FDFF2D	RGB 253 255 45	#FDFF2D
16.7%	16.7% #DEE027	RGB 222 224 39	#DEE027
33.3%	33.3% #C0C222	RGB 192 194 34	#C0C222
50.0%	50.0% #A2A31C	RGB 162 163 28	#A2A31C
66.7%	66.7% #848417	RGB 132 132 23	#848417
83.3%	83.3% #666611	RGB 102 102 17	#666611
100.0%	100.0% #48480C	RGB 72 72 12	#48480C

#FDFF2D #DEE027 #C0C222 #A2A31C #848417 #666611 #48480C

#FDFF2D - #48480C

HSV Blend

#FDFF2D - #48480C | 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 #FDFF2D as 0% and #48480C as 100%.

0.0%	0.0% #FDFF2C	RGB 253 255 44	#FDFF2C
16.7%	16.7% #DFE027	RGB 223 224 39	#DFE027
33.3%	33.3% #C0C221	RGB 192 194 33	#C0C221
50.0%	50.0% #A2A31C	RGB 162 163 28	#A2A31C
66.7%	66.7% #848416	RGB 132 132 22	#848416
83.3%	83.3% #666611	RGB 102 102 17	#666611
100.0%	100.0% #48480C	RGB 72 72 12	#48480C

#FDFF2C #DFE027 #C0C221 #A2A31C #848416 #666611 #48480C

#FDFF2D - #A2A31C - #48480C

CSS codes

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

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