#C0262D - #520D12 | 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 #C0262D to #520D12

#C0262D #520D12

Calculate the color between two colors, #C0262D and #520D12. 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)

#C0262D - #520D12 | 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 #C0262D as 0% and #520D12 as 100%.

0.0%	0.0% #C0262D	RGB 192 38 45	#C0262D
16.7%	16.7% #AD2128	RGB 173 33 40	#AD2128
33.3%	33.3% #9B1D24	RGB 155 29 36	#9B1D24
50.0%	50.0% #89191F	RGB 137 25 31	#89191F
66.7%	66.7% #76151B	RGB 118 21 27	#76151B
83.3%	83.3% #641116	RGB 100 17 22	#641116
100.0%	100.0% #520D12	RGB 82 13 18	#520D12

#C0262D #AD2128 #9B1D24 #89191F #76151B #641116 #520D12

#C0262D - #520D12

HSV Blend

#C0262D - #520D12 | 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 #C0262D as 0% and #520D12 as 100%.

0.0%	0.0% #C0252C	RGB 192 37 44	#C0252C
16.7%	16.7% #AD2128	RGB 173 33 40	#AD2128
33.3%	33.3% #9B1C23	RGB 155 28 35	#9B1C23
50.0%	50.0% #89181F	RGB 137 24 31	#89181F
66.7%	66.7% #76141A	RGB 118 20 26	#76141A
83.3%	83.3% #641016	RGB 100 16 22	#641016
100.0%	100.0% #520D12	RGB 82 13 18	#520D12

#C0252C #AD2128 #9B1C23 #89181F #76141A #641016 #520D12

#C0262D - #89181F - #520D12

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0252C 0%, #89181F 50%, #520D12 100%);
    background: -webkit-linear-gradient(top, #C0252C 0%, #89181F 50%, #520D12 100%);
    background: linear-gradient(to bottom, #C0252C 0%, #89181F 50%, #520D12 100%);
}
</style>