#8F8F2D - #60560B | 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 #8F8F2D to #60560B

#8F8F2D #60560B

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

#8F8F2D - #60560B | 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 #8F8F2D as 0% and #60560B as 100%.

0.0%	0.0% #8F8F2D	RGB 143 143 45	#8F8F2D
16.7%	16.7% #878527	RGB 135 133 39	#878527
33.3%	33.3% #7F7C21	RGB 127 124 33	#7F7C21
50.0%	50.0% #77721C	RGB 119 114 28	#77721C
66.7%	66.7% #6F6916	RGB 111 105 22	#6F6916
83.3%	83.3% #675F10	RGB 103 95 16	#675F10
100.0%	100.0% #60560B	RGB 96 86 11	#60560B

#8F8F2D #878527 #7F7C21 #77721C #6F6916 #675F10 #60560B

#8F8F2D - #60560B

HSV Blend

#8F8F2D - #60560B | 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 #8F8F2D as 0% and #60560B as 100%.

0.0%	0.0% #8F8F2C	RGB 143 143 44	#8F8F2C
16.7%	16.7% #878526	RGB 135 133 38	#878526
33.3%	33.3% #7F7B1F	RGB 127 123 31	#7F7B1F
50.0%	50.0% #777119	RGB 119 113 25	#777119
66.7%	66.7% #6F6814	RGB 111 104 20	#6F6814
83.3%	83.3% #675F0F	RGB 103 95 15	#675F0F
100.0%	100.0% #60560B	RGB 96 86 11	#60560B

#8F8F2C #878526 #7F7B1F #777119 #6F6814 #675F0F #60560B

#8F8F2D - #777119 - #60560B

CSS codes

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

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