#8C2D1E - #E06B2F | 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 #8C2D1E to #E06B2F

#8C2D1E #E06B2F

Calculate the color between two colors, #8C2D1E and #E06B2F. 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)

#8C2D1E - #E06B2F | 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 #8C2D1E as 0% and #E06B2F as 100%.

0.0%	0.0% #8C2D1E	RGB 140 45 30	#8C2D1E
16.7%	16.7% #9A3720	RGB 154 55 32	#9A3720
33.3%	33.3% #A84123	RGB 168 65 35	#A84123
50.0%	50.0% #B64C26	RGB 182 76 38	#B64C26
66.7%	66.7% #C45629	RGB 196 86 41	#C45629
83.3%	83.3% #D2602C	RGB 210 96 44	#D2602C
100.0%	100.0% #E06B2F	RGB 224 107 47	#E06B2F

#8C2D1E #9A3720 #A84123 #B64C26 #C45629 #D2602C #E06B2F

#8C2D1E - #E06B2F

HSV Blend

#8C2D1E - #E06B2F | 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 #8C2D1E as 0% and #E06B2F as 100%.

0.0%	0.0% #8C2D1E	RGB 140 45 30	#8C2D1E
16.7%	16.7% #9A3520	RGB 154 53 32	#9A3520
33.3%	33.3% #A83E23	RGB 168 62 35	#A83E23
50.0%	50.0% #B64826	RGB 182 72 38	#B64826
66.7%	66.7% #C45329	RGB 196 83 41	#C45329
83.3%	83.3% #D25E2C	RGB 210 94 44	#D25E2C
100.0%	100.0% #E06B2F	RGB 224 107 47	#E06B2F

#8C2D1E #9A3520 #A83E23 #B64826 #C45329 #D25E2C #E06B2F

#8C2D1E - #B64826 - #E06B2F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C2D1E 0%, #B64826 50%, #E06B2F 100%);
    background: -webkit-linear-gradient(top, #8C2D1E 0%, #B64826 50%, #E06B2F 100%);
    background: linear-gradient(to bottom, #8C2D1E 0%, #B64826 50%, #E06B2F 100%);
}
</style>