#CF2D3A - #3B0C10 | 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 #CF2D3A to #3B0C10

#CF2D3A #3B0C10

Calculate the color between two colors, #CF2D3A and #3B0C10. 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)

#CF2D3A - #3B0C10 | 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 #CF2D3A as 0% and #3B0C10 as 100%.

0.0%	0.0% #CF2D3A	RGB 207 45 58	#CF2D3A
16.7%	16.7% #B62733	RGB 182 39 51	#B62733
33.3%	33.3% #9D222C	RGB 157 34 44	#9D222C
50.0%	50.0% #851C25	RGB 133 28 37	#851C25
66.7%	66.7% #6C171E	RGB 108 23 30	#6C171E
83.3%	83.3% #531117	RGB 83 17 23	#531117
100.0%	100.0% #3B0C10	RGB 59 12 16	#3B0C10

#CF2D3A #B62733 #9D222C #851C25 #6C171E #531117 #3B0C10

#CF2D3A - #3B0C10

HSV Blend

#CF2D3A - #3B0C10 | 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 #CF2D3A as 0% and #3B0C10 as 100%.

0.0%	0.0% #CF2D3A	RGB 207 45 58	#CF2D3A
16.7%	16.7% #B62732	RGB 182 39 50	#B62732
33.3%	33.3% #9D212B	RGB 157 33 43	#9D212B
50.0%	50.0% #851B24	RGB 133 27 36	#851B24
66.7%	66.7% #6C161D	RGB 108 22 29	#6C161D
83.3%	83.3% #531116	RGB 83 17 22	#531116
100.0%	100.0% #3B0C10	RGB 59 12 16	#3B0C10

#CF2D3A #B62732 #9D212B #851B24 #6C161D #531116 #3B0C10

#CF2D3A - #851B24 - #3B0C10

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CF2D3A 0%, #851B24 50%, #3B0C10 100%);
    background: -webkit-linear-gradient(top, #CF2D3A 0%, #851B24 50%, #3B0C10 100%);
    background: linear-gradient(to bottom, #CF2D3A 0%, #851B24 50%, #3B0C10 100%);
}
</style>