#C2764C - #943912 | 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 #C2764C to #943912

#C2764C #943912

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

#C2764C - #943912 | 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 #C2764C as 0% and #943912 as 100%.

0.0%	0.0% #C2764C	RGB 194 118 76	#C2764C
16.7%	16.7% #BA6B42	RGB 186 107 66	#BA6B42
33.3%	33.3% #B26138	RGB 178 97 56	#B26138
50.0%	50.0% #AB572F	RGB 171 87 47	#AB572F
66.7%	66.7% #A34D25	RGB 163 77 37	#A34D25
83.3%	83.3% #9B431B	RGB 155 67 27	#9B431B
100.0%	100.0% #943912	RGB 148 57 18	#943912

#C2764C #BA6B42 #B26138 #AB572F #A34D25 #9B431B #943912

#C2764C - #943912

HSV Blend

#C2764C - #943912 | 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 #C2764C as 0% and #943912 as 100%.

0.0%	0.0% #C2764C	RGB 194 118 76	#C2764C
16.7%	16.7% #BA6A40	RGB 186 106 64	#BA6A40
33.3%	33.3% #B25F35	RGB 178 95 53	#B25F35
50.0%	50.0% #AB552B	RGB 171 85 43	#AB552B
66.7%	66.7% #A34B22	RGB 163 75 34	#A34B22
83.3%	83.3% #9B4219	RGB 155 66 25	#9B4219
100.0%	100.0% #943912	RGB 148 57 18	#943912

#C2764C #BA6A40 #B25F35 #AB552B #A34B22 #9B4219 #943912

#C2764C - #AB552B - #943912

CSS codes

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

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