#9F413C - #6B190B | 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 #9F413C to #6B190B

#9F413C #6B190B

Calculate the color between two colors, #9F413C and #6B190B. 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)

#9F413C - #6B190B | 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 #9F413C as 0% and #6B190B as 100%.

0.0%	0.0% #9F413C	RGB 159 65 60	#9F413C
16.7%	16.7% #963A33	RGB 150 58 51	#963A33
33.3%	33.3% #8D332B	RGB 141 51 43	#8D332B
50.0%	50.0% #852D23	RGB 133 45 35	#852D23
66.7%	66.7% #7C261B	RGB 124 38 27	#7C261B
83.3%	83.3% #731F13	RGB 115 31 19	#731F13
100.0%	100.0% #6B190B	RGB 107 25 11	#6B190B

#9F413C #963A33 #8D332B #852D23 #7C261B #731F13 #6B190B

#9F413C - #6B190B

HSV Blend

#9F413C - #6B190B | 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 #9F413C as 0% and #6B190B as 100%.

0.0%	0.0% #9F413C	RGB 159 65 60	#9F413C
16.7%	16.7% #963831	RGB 150 56 49	#963831
33.3%	33.3% #8D3028	RGB 141 48 40	#8D3028
50.0%	50.0% #85291F	RGB 133 41 31	#85291F
66.7%	66.7% #7C2318	RGB 124 35 24	#7C2318
83.3%	83.3% #731D11	RGB 115 29 17	#731D11
100.0%	100.0% #6B190B	RGB 107 25 11	#6B190B

#9F413C #963831 #8D3028 #85291F #7C2318 #731D11 #6B190B

#9F413C - #85291F - #6B190B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F413C 0%, #85291F 50%, #6B190B 100%);
    background: -webkit-linear-gradient(top, #9F413C 0%, #85291F 50%, #6B190B 100%);
    background: linear-gradient(to bottom, #9F413C 0%, #85291F 50%, #6B190B 100%);
}
</style>