#CF2D0B - #76180B | 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 #CF2D0B to #76180B

#CF2D0B #76180B

Calculate the color between two colors, #CF2D0B and #76180B. 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)

#CF2D0B - #76180B | 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 #CF2D0B as 0% and #76180B as 100%.

0.0%	0.0% #CF2D0B	RGB 207 45 11	#CF2D0B
16.7%	16.7% #C0290B	RGB 192 41 11	#C0290B
33.3%	33.3% #B1260B	RGB 177 38 11	#B1260B
50.0%	50.0% #A2220B	RGB 162 34 11	#A2220B
66.7%	66.7% #931F0B	RGB 147 31 11	#931F0B
83.3%	83.3% #841B0B	RGB 132 27 11	#841B0B
100.0%	100.0% #76180B	RGB 118 24 11	#76180B

#CF2D0B #C0290B #B1260B #A2220B #931F0B #841B0B #76180B

#CF2D0B - #76180B

HSV Blend

#CF2D0B - #76180B | 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 #CF2D0B as 0% and #76180B as 100%.

0.0%	0.0% #CF2D0B	RGB 207 45 11	#CF2D0B
16.7%	16.7% #C0290B	RGB 192 41 11	#C0290B
33.3%	33.3% #B1250B	RGB 177 37 11	#B1250B
50.0%	50.0% #A2220B	RGB 162 34 11	#A2220B
66.7%	66.7% #931E0B	RGB 147 30 11	#931E0B
83.3%	83.3% #841B0B	RGB 132 27 11	#841B0B
100.0%	100.0% #76180B	RGB 118 24 11	#76180B

#CF2D0B #C0290B #B1250B #A2220B #931E0B #841B0B #76180B

#CF2D0B - #A2220B - #76180B

CSS codes

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

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