#CB392E - #83150B | 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 #CB392E to #83150B

#CB392E #83150B

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

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

0.0%	0.0% #CB392E	RGB 203 57 46	#CB392E
16.7%	16.7% #BF3328	RGB 191 51 40	#BF3328
33.3%	33.3% #B32D22	RGB 179 45 34	#B32D22
50.0%	50.0% #A7271C	RGB 167 39 28	#A7271C
66.7%	66.7% #9B2116	RGB 155 33 22	#9B2116
83.3%	83.3% #8F1B10	RGB 143 27 16	#8F1B10
100.0%	100.0% #83150B	RGB 131 21 11	#83150B

#CB392E #BF3328 #B32D22 #A7271C #9B2116 #8F1B10 #83150B

#CB392E - #83150B

HSV Blend

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

0.0%	0.0% #CB392D	RGB 203 57 45	#CB392D
16.7%	16.7% #BF3126	RGB 191 49 38	#BF3126
33.3%	33.3% #B32A20	RGB 179 42 32	#B32A20
50.0%	50.0% #A72419	RGB 167 36 25	#A72419
66.7%	66.7% #9B1F14	RGB 155 31 20	#9B1F14
83.3%	83.3% #8F190F	RGB 143 25 15	#8F190F
100.0%	100.0% #83150B	RGB 131 21 11	#83150B

#CB392D #BF3126 #B32A20 #A72419 #9B1F14 #8F190F #83150B

#CB392E - #A72419 - #83150B

CSS codes

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

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