#DECC4D - #B99314 | 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 #B99314

#DECC4D #B99314

Calculate the color between two colors, #DECC4D and #B99314. 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 - #B99314 | 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 #B99314 as 100%.

0.0%	0.0% #DECC4D	RGB 222 204 77	#DECC4D
16.7%	16.7% #D7C243	RGB 215 194 67	#D7C243
33.3%	33.3% #D1B93A	RGB 209 185 58	#D1B93A
50.0%	50.0% #CBAF30	RGB 203 175 48	#CBAF30
66.7%	66.7% #C5A627	RGB 197 166 39	#C5A627
83.3%	83.3% #BF9C1D	RGB 191 156 29	#BF9C1D
100.0%	100.0% #B99314	RGB 185 147 20	#B99314

#DECC4D #D7C243 #D1B93A #CBAF30 #C5A627 #BF9C1D #B99314

#DECC4D - #B99314

HSV Blend

#DECC4D - #B99314 | 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 #B99314 as 100%.

0.0%	0.0% #DECC4D	RGB 222 204 77	#DECC4D
16.7%	16.7% #D7C242	RGB 215 194 66	#D7C242
33.3%	33.3% #D1B938	RGB 209 185 56	#D1B938
50.0%	50.0% #CBAF2E	RGB 203 175 46	#CBAF2E
66.7%	66.7% #C5A625	RGB 197 166 37	#C5A625
83.3%	83.3% #BF9C1C	RGB 191 156 28	#BF9C1C
100.0%	100.0% #B99314	RGB 185 147 20	#B99314

#DECC4D #D7C242 #D1B938 #CBAF2E #C5A625 #BF9C1C #B99314

#DECC4D - #CBAF2E - #B99314

CSS codes

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

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