#C5000C - #360E13 | 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 #C5000C to #360E13

#C5000C #360E13

Calculate the color between two colors, #C5000C and #360E13. 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)

#C5000C - #360E13 | 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 #C5000C as 0% and #360E13 as 100%.

0.0%	0.0% #C5000C	RGB 197 0 12	#C5000C
16.7%	16.7% #AD020D	RGB 173 2 13	#AD020D
33.3%	33.3% #95040E	RGB 149 4 14	#95040E
50.0%	50.0% #7D070F	RGB 125 7 15	#7D070F
66.7%	66.7% #650910	RGB 101 9 16	#650910
83.3%	83.3% #4D0B11	RGB 77 11 17	#4D0B11
100.0%	100.0% #360E13	RGB 54 14 19	#360E13

#C5000C #AD020D #95040E #7D070F #650910 #4D0B11 #360E13

#C5000C - #360E13

HSV Blend

#C5000C - #360E13 | 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 #C5000C as 0% and #360E13 as 100%.

0.0%	0.0% #C5000B	RGB 197 0 11	#C5000B
16.7%	16.7% #AD0713	RGB 173 7 19	#AD0713
33.3%	33.3% #950C18	RGB 149 12 24	#950C18
50.0%	50.0% #7D101A	RGB 125 16 26	#7D101A
66.7%	66.7% #65111A	RGB 101 17 26	#65111A
83.3%	83.3% #4D1017	RGB 77 16 23	#4D1017
100.0%	100.0% #360E13	RGB 54 14 19	#360E13

#C5000B #AD0713 #950C18 #7D101A #65111A #4D1017 #360E13

#C5000C - #7D101A - #360E13

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5000B 0%, #7D101A 50%, #360E13 100%);
    background: -webkit-linear-gradient(top, #C5000B 0%, #7D101A 50%, #360E13 100%);
    background: linear-gradient(to bottom, #C5000B 0%, #7D101A 50%, #360E13 100%);
}
</style>