#CE4A00 - #3A1500 | 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 #CE4A00 to #3A1500

#CE4A00 #3A1500

Calculate the color between two colors, #CE4A00 and #3A1500. 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)

#CE4A00 - #3A1500 | 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 #CE4A00 as 0% and #3A1500 as 100%.

0.0%	0.0% #CE4A00	RGB 206 74 0	#CE4A00
16.7%	16.7% #B54100	RGB 181 65 0	#B54100
33.3%	33.3% #9C3800	RGB 156 56 0	#9C3800
50.0%	50.0% #842F00	RGB 132 47 0	#842F00
66.7%	66.7% #6B2600	RGB 107 38 0	#6B2600
83.3%	83.3% #521D00	RGB 82 29 0	#521D00
100.0%	100.0% #3A1500	RGB 58 21 0	#3A1500

#CE4A00 #B54100 #9C3800 #842F00 #6B2600 #521D00 #3A1500

#CE4A00 - #3A1500

HSV Blend

#CE4A00 - #3A1500 | 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 #CE4A00 as 0% and #3A1500 as 100%.

0.0%	0.0% #CE4A00	RGB 206 74 0	#CE4A00
16.7%	16.7% #B54100	RGB 181 65 0	#B54100
33.3%	33.3% #9C3800	RGB 156 56 0	#9C3800
50.0%	50.0% #842F00	RGB 132 47 0	#842F00
66.7%	66.7% #6B2600	RGB 107 38 0	#6B2600
83.3%	83.3% #521D00	RGB 82 29 0	#521D00
100.0%	100.0% #3A1500	RGB 58 21 0	#3A1500

#CE4A00 #B54100 #9C3800 #842F00 #6B2600 #521D00 #3A1500

#CE4A00 - #842F00 - #3A1500

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CE4A00 0%, #842F00 50%, #3A1500 100%);
    background: -webkit-linear-gradient(top, #CE4A00 0%, #842F00 50%, #3A1500 100%);
    background: linear-gradient(to bottom, #CE4A00 0%, #842F00 50%, #3A1500 100%);
}
</style>