#636A3C - #303D08 | 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 #636A3C to #303D08

#636A3C #303D08

Calculate the color between two colors, #636A3C and #303D08. 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)

#636A3C - #303D08 | 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 #636A3C as 0% and #303D08 as 100%.

0.0%	0.0% #636A3C	RGB 99 106 60	#636A3C
16.7%	16.7% #5A6233	RGB 90 98 51	#5A6233
33.3%	33.3% #525B2A	RGB 82 91 42	#525B2A
50.0%	50.0% #495322	RGB 73 83 34	#495322
66.7%	66.7% #414C19	RGB 65 76 25	#414C19
83.3%	83.3% #384410	RGB 56 68 16	#384410
100.0%	100.0% #303D08	RGB 48 61 8	#303D08

#636A3C #5A6233 #525B2A #495322 #414C19 #384410 #303D08

#636A3C - #303D08

HSV Blend

#636A3C - #303D08 | 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 #636A3C as 0% and #303D08 as 100%.

0.0%	0.0% #636A3C	RGB 99 106 60	#636A3C
16.7%	16.7% #5A6230	RGB 90 98 48	#5A6230
33.3%	33.3% #515B26	RGB 81 91 38	#515B26
50.0%	50.0% #48531D	RGB 72 83 29	#48531D
66.7%	66.7% #404C14	RGB 64 76 20	#404C14
83.3%	83.3% #37440D	RGB 55 68 13	#37440D
100.0%	100.0% #303D08	RGB 48 61 8	#303D08

#636A3C #5A6230 #515B26 #48531D #404C14 #37440D #303D08

#636A3C - #48531D - #303D08

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #636A3C 0%, #48531D 50%, #303D08 100%);
    background: -webkit-linear-gradient(top, #636A3C 0%, #48531D 50%, #303D08 100%);
    background: linear-gradient(to bottom, #636A3C 0%, #48531D 50%, #303D08 100%);
}
</style>