#DECC4D - #FFEB79 | 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 #DECC4D to #FFEB79

#DECC4D #FFEB79

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

#DECC4D - #FFEB79 | 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 #DECC4D as 0% and #FFEB79 as 100%.

0.0%	0.0% #DECC4D	RGB 222 204 77	#DECC4D
16.7%	16.7% #E3D154	RGB 227 209 84	#E3D154
33.3%	33.3% #E9D65B	RGB 233 214 91	#E9D65B
50.0%	50.0% #EEDB63	RGB 238 219 99	#EEDB63
66.7%	66.7% #F4E06A	RGB 244 224 106	#F4E06A
83.3%	83.3% #F9E571	RGB 249 229 113	#F9E571
100.0%	100.0% #FFEB79	RGB 255 235 121	#FFEB79

#DECC4D #E3D154 #E9D65B #EEDB63 #F4E06A #F9E571 #FFEB79

#DECC4D - #FFEB79

HSV Blend

#DECC4D - #FFEB79 | 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 #DECC4D as 0% and #FFEB79 as 100%.

0.0%	0.0% #DECC4D	RGB 222 204 77	#DECC4D
16.7%	16.7% #E3D153	RGB 227 209 83	#E3D153
33.3%	33.3% #E9D65A	RGB 233 214 90	#E9D65A
50.0%	50.0% #EEDB61	RGB 238 219 97	#EEDB61
66.7%	66.7% #F4E069	RGB 244 224 105	#F4E069
83.3%	83.3% #F9E571	RGB 249 229 113	#F9E571
100.0%	100.0% #FFEB79	RGB 255 235 121	#FFEB79

#DECC4D #E3D153 #E9D65A #EEDB61 #F4E069 #F9E571 #FFEB79

#DECC4D - #EEDB61 - #FFEB79

CSS codes

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

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