#DB6B2D - #FEB541 | 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 #DB6B2D to #FEB541

#DB6B2D #FEB541

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

#DB6B2D - #FEB541 | 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 #DB6B2D as 0% and #FEB541 as 100%.

0.0%	0.0% #DB6B2D	RGB 219 107 45	#DB6B2D
16.7%	16.7% #E07730	RGB 224 119 48	#E07730
33.3%	33.3% #E68333	RGB 230 131 51	#E68333
50.0%	50.0% #EC9037	RGB 236 144 55	#EC9037
66.7%	66.7% #F29C3A	RGB 242 156 58	#F29C3A
83.3%	83.3% #F8A83D	RGB 248 168 61	#F8A83D
100.0%	100.0% #FEB541	RGB 254 181 65	#FEB541

#DB6B2D #E07730 #E68333 #EC9037 #F29C3A #F8A83D #FEB541

#DB6B2D - #FEB541

HSV Blend

#DB6B2D - #FEB541 | 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 #DB6B2D as 0% and #FEB541 as 100%.

0.0%	0.0% #DB6B2D	RGB 219 107 45	#DB6B2D
16.7%	16.7% #E07630	RGB 224 118 48	#E07630
33.3%	33.3% #E68233	RGB 230 130 51	#E68233
50.0%	50.0% #EC8E36	RGB 236 142 54	#EC8E36
66.7%	66.7% #F29B39	RGB 242 155 57	#F29B39
83.3%	83.3% #F8A83D	RGB 248 168 61	#F8A83D
100.0%	100.0% #FEB541	RGB 254 181 65	#FEB541

#DB6B2D #E07630 #E68233 #EC8E36 #F29B39 #F8A83D #FEB541

#DB6B2D - #EC8E36 - #FEB541

CSS codes

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

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