#702D23 - #CC6B3E | 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 #702D23 to #CC6B3E

#702D23 #CC6B3E

Calculate the color between two colors, #702D23 and #CC6B3E. 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)

#702D23 - #CC6B3E | 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 #702D23 as 0% and #CC6B3E as 100%.

0.0%	0.0% #702D23	RGB 112 45 35	#702D23
16.7%	16.7% #7F3727	RGB 127 55 39	#7F3727
33.3%	33.3% #8E412C	RGB 142 65 44	#8E412C
50.0%	50.0% #9E4C30	RGB 158 76 48	#9E4C30
66.7%	66.7% #AD5635	RGB 173 86 53	#AD5635
83.3%	83.3% #BC6039	RGB 188 96 57	#BC6039
100.0%	100.0% #CC6B3E	RGB 204 107 62	#CC6B3E

#702D23 #7F3727 #8E412C #9E4C30 #AD5635 #BC6039 #CC6B3E

#702D23 - #CC6B3E

HSV Blend

#702D23 - #CC6B3E | 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 #702D23 as 0% and #CC6B3E as 100%.

0.0%	0.0% #702D23	RGB 112 45 35	#702D23
16.7%	16.7% #7F3527	RGB 127 53 39	#7F3527
33.3%	33.3% #8E3F2C	RGB 142 63 44	#8E3F2C
50.0%	50.0% #9E4930	RGB 158 73 48	#9E4930
66.7%	66.7% #AD5335	RGB 173 83 53	#AD5335
83.3%	83.3% #BC5F39	RGB 188 95 57	#BC5F39
100.0%	100.0% #CC6B3E	RGB 204 107 62	#CC6B3E

#702D23 #7F3527 #8E3F2C #9E4930 #AD5335 #BC5F39 #CC6B3E

#702D23 - #9E4930 - #CC6B3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #702D23 0%, #9E4930 50%, #CC6B3E 100%);
    background: -webkit-linear-gradient(top, #702D23 0%, #9E4930 50%, #CC6B3E 100%);
    background: linear-gradient(to bottom, #702D23 0%, #9E4930 50%, #CC6B3E 100%);
}
</style>