#DD9F42 - #F5E3C9 | 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 #DD9F42 to #F5E3C9

#DD9F42 #F5E3C9

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

#DD9F42 - #F5E3C9 | 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 #DD9F42 as 0% and #F5E3C9 as 100%.

0.0%	0.0% #DD9F42	RGB 221 159 66	#DD9F42
16.7%	16.7% #E1AA58	RGB 225 170 88	#E1AA58
33.3%	33.3% #E5B56F	RGB 229 181 111	#E5B56F
50.0%	50.0% #E9C185	RGB 233 193 133	#E9C185
66.7%	66.7% #EDCC9C	RGB 237 204 156	#EDCC9C
83.3%	83.3% #F1D7B2	RGB 241 215 178	#F1D7B2
100.0%	100.0% #F5E3C9	RGB 245 227 201	#F5E3C9

#DD9F42 #E1AA58 #E5B56F #E9C185 #EDCC9C #F1D7B2 #F5E3C9

#DD9F42 - #F5E3C9

HSV Blend

#DD9F42 - #F5E3C9 | 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 #DD9F42 as 0% and #F5E3C9 as 100%.

0.0%	0.0% #DD9F42	RGB 221 159 66	#DD9F42
16.7%	16.7% #E1A956	RGB 225 169 86	#E1A956
33.3%	33.3% #E5B46C	RGB 229 180 108	#E5B46C
50.0%	50.0% #E9BF82	RGB 233 191 130	#E9BF82
66.7%	66.7% #EDCA99	RGB 237 202 153	#EDCA99
83.3%	83.3% #F1D6B0	RGB 241 214 176	#F1D6B0
100.0%	100.0% #F5E3C9	RGB 245 227 201	#F5E3C9

#DD9F42 #E1A956 #E5B46C #E9BF82 #EDCA99 #F1D6B0 #F5E3C9

#DD9F42 - #E9BF82 - #F5E3C9

CSS codes

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

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