#D98D3E - #FDCD5B | 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 #D98D3E to #FDCD5B

#D98D3E #FDCD5B

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

#D98D3E - #FDCD5B | 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 #D98D3E as 0% and #FDCD5B as 100%.

0.0%	0.0% #D98D3E	RGB 217 141 62	#D98D3E
16.7%	16.7% #DF9742	RGB 223 151 66	#DF9742
33.3%	33.3% #E5A247	RGB 229 162 71	#E5A247
50.0%	50.0% #EBAD4C	RGB 235 173 76	#EBAD4C
66.7%	66.7% #F1B751	RGB 241 183 81	#F1B751
83.3%	83.3% #F7C256	RGB 247 194 86	#F7C256
100.0%	100.0% #FDCD5B	RGB 253 205 91	#FDCD5B

#D98D3E #DF9742 #E5A247 #EBAD4C #F1B751 #F7C256 #FDCD5B

#D98D3E - #FDCD5B

HSV Blend

#D98D3E - #FDCD5B | 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 #D98D3E as 0% and #FDCD5B as 100%.

0.0%	0.0% #D98D3E	RGB 217 141 62	#D98D3E
16.7%	16.7% #DF9742	RGB 223 151 66	#DF9742
33.3%	33.3% #E5A147	RGB 229 161 71	#E5A147
50.0%	50.0% #EBAC4B	RGB 235 172 75	#EBAC4B
66.7%	66.7% #F1B750	RGB 241 183 80	#F1B750
83.3%	83.3% #F7C255	RGB 247 194 85	#F7C255
100.0%	100.0% #FDCD5B	RGB 253 205 91	#FDCD5B

#D98D3E #DF9742 #E5A147 #EBAC4B #F1B750 #F7C255 #FDCD5B

#D98D3E - #EBAC4B - #FDCD5B

CSS codes

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

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