#763434 - #521507 | 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 #763434 to #521507

#763434 #521507

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

#763434 - #521507 | 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 #763434 as 0% and #521507 as 100%.

0.0%	0.0% #763434	RGB 118 52 52	#763434
16.7%	16.7% #702E2C	RGB 112 46 44	#702E2C
33.3%	33.3% #6A2925	RGB 106 41 37	#6A2925
50.0%	50.0% #64241D	RGB 100 36 29	#64241D
66.7%	66.7% #5E1F16	RGB 94 31 22	#5E1F16
83.3%	83.3% #581A0E	RGB 88 26 14	#581A0E
100.0%	100.0% #521507	RGB 82 21 7	#521507

#763434 #702E2C #6A2925 #64241D #5E1F16 #581A0E #521507

#763434 - #521507

HSV Blend

#763434 - #521507 | 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 #763434 as 0% and #521507 as 100%.

0.0%	0.0% #763434	RGB 118 52 52	#763434
16.7%	16.7% #702C2A	RGB 112 44 42	#702C2A
33.3%	33.3% #6A2622	RGB 106 38 34	#6A2622
50.0%	50.0% #64211A	RGB 100 33 26	#64211A
66.7%	66.7% #5E1C13	RGB 94 28 19	#5E1C13
83.3%	83.3% #58180C	RGB 88 24 12	#58180C
100.0%	100.0% #521507	RGB 82 21 7	#521507

#763434 #702C2A #6A2622 #64211A #5E1C13 #58180C #521507

#763434 - #64211A - #521507

CSS codes

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

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