#9D9F3C - #5C640D | 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 #9D9F3C to #5C640D

#9D9F3C #5C640D

Calculate the color between two colors, #9D9F3C and #5C640D. 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)

#9D9F3C - #5C640D | 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 #9D9F3C as 0% and #5C640D as 100%.

0.0%	0.0% #9D9F3C	RGB 157 159 60	#9D9F3C
16.7%	16.7% #929534	RGB 146 149 52	#929534
33.3%	33.3% #878B2C	RGB 135 139 44	#878B2C
50.0%	50.0% #7C8124	RGB 124 129 36	#7C8124
66.7%	66.7% #71771C	RGB 113 119 28	#71771C
83.3%	83.3% #666D14	RGB 102 109 20	#666D14
100.0%	100.0% #5C640D	RGB 92 100 13	#5C640D

#9D9F3C #929534 #878B2C #7C8124 #71771C #666D14 #5C640D

#9D9F3C - #5C640D

HSV Blend

#9D9F3C - #5C640D | 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 #9D9F3C as 0% and #5C640D as 100%.

0.0%	0.0% #9D9F3C	RGB 157 159 60	#9D9F3C
16.7%	16.7% #919532	RGB 145 149 50	#919532
33.3%	33.3% #868B29	RGB 134 139 41	#868B29
50.0%	50.0% #7C8120	RGB 124 129 32	#7C8120
66.7%	66.7% #717719	RGB 113 119 25	#717719
83.3%	83.3% #666D12	RGB 102 109 18	#666D12
100.0%	100.0% #5C640D	RGB 92 100 13	#5C640D

#9D9F3C #919532 #868B29 #7C8120 #717719 #666D12 #5C640D

#9D9F3C - #7C8120 - #5C640D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9D9F3C 0%, #7C8120 50%, #5C640D 100%);
    background: -webkit-linear-gradient(top, #9D9F3C 0%, #7C8120 50%, #5C640D 100%);
    background: linear-gradient(to bottom, #9D9F3C 0%, #7C8120 50%, #5C640D 100%);
}
</style>