#DB704C - #FEBE66 | 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 #DB704C to #FEBE66

#DB704C #FEBE66

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

#DB704C - #FEBE66 | 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 #DB704C as 0% and #FEBE66 as 100%.

0.0%	0.0% #DB704C	RGB 219 112 76	#DB704C
16.7%	16.7% #E07D50	RGB 224 125 80	#E07D50
33.3%	33.3% #E68A54	RGB 230 138 84	#E68A54
50.0%	50.0% #EC9759	RGB 236 151 89	#EC9759
66.7%	66.7% #F2A45D	RGB 242 164 93	#F2A45D
83.3%	83.3% #F8B161	RGB 248 177 97	#F8B161
100.0%	100.0% #FEBE66	RGB 254 190 102	#FEBE66

#DB704C #E07D50 #E68A54 #EC9759 #F2A45D #F8B161 #FEBE66

#DB704C - #FEBE66

HSV Blend

#DB704C - #FEBE66 | 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 #DB704C as 0% and #FEBE66 as 100%.

0.0%	0.0% #DB704C	RGB 219 112 76	#DB704C
16.7%	16.7% #E07C50	RGB 224 124 80	#E07C50
33.3%	33.3% #E68954	RGB 230 137 84	#E68954
50.0%	50.0% #EC9558	RGB 236 149 88	#EC9558
66.7%	66.7% #F2A35C	RGB 242 163 92	#F2A35C
83.3%	83.3% #F8B061	RGB 248 176 97	#F8B061
100.0%	100.0% #FEBE66	RGB 254 190 102	#FEBE66

#DB704C #E07C50 #E68954 #EC9558 #F2A35C #F8B061 #FEBE66

#DB704C - #EC9558 - #FEBE66

CSS codes

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

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