#DB6B2D - #FEB441 | 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 #FEB441

#DB6B2D #FEB441

Calculate the color between two colors, #DB6B2D and #FEB441. 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 - #FEB441 | 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 #FEB441 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% #EC8F37	RGB 236 143 55	#EC8F37
66.7%	66.7% #F29B3A	RGB 242 155 58	#F29B3A
83.3%	83.3% #F8A73D	RGB 248 167 61	#F8A73D
100.0%	100.0% #FEB441	RGB 254 180 65	#FEB441

#DB6B2D #E07730 #E68333 #EC8F37 #F29B3A #F8A73D #FEB441

#DB6B2D - #FEB441

HSV Blend

#DB6B2D - #FEB441 | 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 #FEB441 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% #F29A39	RGB 242 154 57	#F29A39
83.3%	83.3% #F8A73D	RGB 248 167 61	#F8A73D
100.0%	100.0% #FEB441	RGB 254 180 65	#FEB441

#DB6B2D #E07630 #E68233 #EC8E36 #F29A39 #F8A73D #FEB441

#DB6B2D - #EC8E36 - #FEB441

CSS codes

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

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