#9C3C3C - #69160B | 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 #9C3C3C to #69160B

#9C3C3C #69160B

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

#9C3C3C - #69160B | 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 #9C3C3C as 0% and #69160B as 100%.

0.0%	0.0% #9C3C3C	RGB 156 60 60	#9C3C3C
16.7%	16.7% #933533	RGB 147 53 51	#933533
33.3%	33.3% #8B2F2B	RGB 139 47 43	#8B2F2B
50.0%	50.0% #822923	RGB 130 41 35	#822923
66.7%	66.7% #7A221B	RGB 122 34 27	#7A221B
83.3%	83.3% #711C13	RGB 113 28 19	#711C13
100.0%	100.0% #69160B	RGB 105 22 11	#69160B

#9C3C3C #933533 #8B2F2B #822923 #7A221B #711C13 #69160B

#9C3C3C - #69160B

HSV Blend

#9C3C3C - #69160B | 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 #9C3C3C as 0% and #69160B as 100%.

0.0%	0.0% #9C3C3C	RGB 156 60 60	#9C3C3C
16.7%	16.7% #933331	RGB 147 51 49	#933331
33.3%	33.3% #8B2C28	RGB 139 44 40	#8B2C28
50.0%	50.0% #82251F	RGB 130 37 31	#82251F
66.7%	66.7% #7A1F18	RGB 122 31 24	#7A1F18
83.3%	83.3% #711A11	RGB 113 26 17	#711A11
100.0%	100.0% #69160B	RGB 105 22 11	#69160B

#9C3C3C #933331 #8B2C28 #82251F #7A1F18 #711A11 #69160B

#9C3C3C - #82251F - #69160B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C3C3C 0%, #82251F 50%, #69160B 100%);
    background: -webkit-linear-gradient(top, #9C3C3C 0%, #82251F 50%, #69160B 100%);
    background: linear-gradient(to bottom, #9C3C3C 0%, #82251F 50%, #69160B 100%);
}
</style>