#DD8D3E - #FCCE5C | 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 #DD8D3E to #FCCE5C

#DD8D3E #FCCE5C

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

#DD8D3E - #FCCE5C | 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 #DD8D3E as 0% and #FCCE5C as 100%.

0.0%	0.0% #DD8D3E	RGB 221 141 62	#DD8D3E
16.7%	16.7% #E29743	RGB 226 151 67	#E29743
33.3%	33.3% #E7A248	RGB 231 162 72	#E7A248
50.0%	50.0% #ECAD4D	RGB 236 173 77	#ECAD4D
66.7%	66.7% #F1B852	RGB 241 184 82	#F1B852
83.3%	83.3% #F6C357	RGB 246 195 87	#F6C357
100.0%	100.0% #FCCE5C	RGB 252 206 92	#FCCE5C

#DD8D3E #E29743 #E7A248 #ECAD4D #F1B852 #F6C357 #FCCE5C

#DD8D3E - #FCCE5C

HSV Blend

#DD8D3E - #FCCE5C | 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 #DD8D3E as 0% and #FCCE5C as 100%.

0.0%	0.0% #DD8D3E	RGB 221 141 62	#DD8D3E
16.7%	16.7% #E29742	RGB 226 151 66	#E29742
33.3%	33.3% #E7A247	RGB 231 162 71	#E7A247
50.0%	50.0% #ECAD4C	RGB 236 173 76	#ECAD4C
66.7%	66.7% #F1B851	RGB 241 184 81	#F1B851
83.3%	83.3% #F6C356	RGB 246 195 86	#F6C356
100.0%	100.0% #FCCE5C	RGB 252 206 92	#FCCE5C

#DD8D3E #E29742 #E7A247 #ECAD4C #F1B851 #F6C356 #FCCE5C

#DD8D3E - #ECAD4C - #FCCE5C

CSS codes

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

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