#762121 - #CC5C3A | 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 #762121 to #CC5C3A

#762121 #CC5C3A

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

#762121 - #CC5C3A | 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 #762121 as 0% and #CC5C3A as 100%.

0.0%	0.0% #762121	RGB 118 33 33	#762121
16.7%	16.7% #842A25	RGB 132 42 37	#842A25
33.3%	33.3% #923429	RGB 146 52 41	#923429
50.0%	50.0% #A13E2D	RGB 161 62 45	#A13E2D
66.7%	66.7% #AF4831	RGB 175 72 49	#AF4831
83.3%	83.3% #BD5235	RGB 189 82 53	#BD5235
100.0%	100.0% #CC5C3A	RGB 204 92 58	#CC5C3A

#762121 #842A25 #923429 #A13E2D #AF4831 #BD5235 #CC5C3A

#762121 - #CC5C3A

HSV Blend

#762121 - #CC5C3A | 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 #762121 as 0% and #CC5C3A as 100%.

0.0%	0.0% #762121	RGB 118 33 33	#762121
16.7%	16.7% #842825	RGB 132 40 37	#842825
33.3%	33.3% #923129	RGB 146 49 41	#923129
50.0%	50.0% #A13A2D	RGB 161 58 45	#A13A2D
66.7%	66.7% #AF4531	RGB 175 69 49	#AF4531
83.3%	83.3% #BD5035	RGB 189 80 53	#BD5035
100.0%	100.0% #CC5C3A	RGB 204 92 58	#CC5C3A

#762121 #842825 #923129 #A13A2D #AF4531 #BD5035 #CC5C3A

#762121 - #A13A2D - #CC5C3A

CSS codes

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

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