#DB9F53 - #FEEE6F | 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 #DB9F53 to #FEEE6F

#DB9F53 #FEEE6F

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

#DB9F53 - #FEEE6F | 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 #DB9F53 as 0% and #FEEE6F as 100%.

0.0%	0.0% #DB9F53	RGB 219 159 83	#DB9F53
16.7%	16.7% #E0AC57	RGB 224 172 87	#E0AC57
33.3%	33.3% #E6B95C	RGB 230 185 92	#E6B95C
50.0%	50.0% #ECC661	RGB 236 198 97	#ECC661
66.7%	66.7% #F2D365	RGB 242 211 101	#F2D365
83.3%	83.3% #F8E06A	RGB 248 224 106	#F8E06A
100.0%	100.0% #FEEE6F	RGB 254 238 111	#FEEE6F

#DB9F53 #E0AC57 #E6B95C #ECC661 #F2D365 #F8E06A #FEEE6F

#DB9F53 - #FEEE6F

HSV Blend

#DB9F53 - #FEEE6F | 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 #DB9F53 as 0% and #FEEE6F as 100%.

0.0%	0.0% #DB9F53	RGB 219 159 83	#DB9F53
16.7%	16.7% #E0AB57	RGB 224 171 87	#E0AB57
33.3%	33.3% #E6B85B	RGB 230 184 91	#E6B85B
50.0%	50.0% #ECC560	RGB 236 197 96	#ECC560
66.7%	66.7% #F2D365	RGB 242 211 101	#F2D365
83.3%	83.3% #F8E06A	RGB 248 224 106	#F8E06A
100.0%	100.0% #FEEE6F	RGB 254 238 111	#FEEE6F

#DB9F53 #E0AB57 #E6B85B #ECC560 #F2D365 #F8E06A #FEEE6F

#DB9F53 - #ECC560 - #FEEE6F

CSS codes

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

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