#C04939 - #831C0D | 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 #C04939 to #831C0D

#C04939 #831C0D

Calculate the color between two colors, #C04939 and #831C0D. 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)

#C04939 - #831C0D | 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 #C04939 as 0% and #831C0D as 100%.

0.0%	0.0% #C04939	RGB 192 73 57	#C04939
16.7%	16.7% #B54131	RGB 181 65 49	#B54131
33.3%	33.3% #AB3A2A	RGB 171 58 42	#AB3A2A
50.0%	50.0% #A13223	RGB 161 50 35	#A13223
66.7%	66.7% #972B1B	RGB 151 43 27	#972B1B
83.3%	83.3% #8D2314	RGB 141 35 20	#8D2314
100.0%	100.0% #831C0D	RGB 131 28 13	#831C0D

#C04939 #B54131 #AB3A2A #A13223 #972B1B #8D2314 #831C0D

#C04939 - #831C0D

HSV Blend

#C04939 - #831C0D | 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 #C04939 as 0% and #831C0D as 100%.

0.0%	0.0% #C04939	RGB 192 73 57	#C04939
16.7%	16.7% #B5402F	RGB 181 64 47	#B5402F
33.3%	33.3% #AB3727	RGB 171 55 39	#AB3727
50.0%	50.0% #A12F1F	RGB 161 47 31	#A12F1F
66.7%	66.7% #972818	RGB 151 40 24	#972818
83.3%	83.3% #8D2212	RGB 141 34 18	#8D2212
100.0%	100.0% #831C0D	RGB 131 28 13	#831C0D

#C04939 #B5402F #AB3727 #A12F1F #972818 #8D2212 #831C0D

#C04939 - #A12F1F - #831C0D

CSS codes

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

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