#3F4830 - #C8CAC3 | 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 #3F4830 to #C8CAC3

#3F4830 #C8CAC3

Calculate the color between two colors, #3F4830 and #C8CAC3. 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)

#3F4830 - #C8CAC3 | 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 #3F4830 as 0% and #C8CAC3 as 100%.

0.0%	0.0% #3F4830	RGB 63 72 48	#3F4830
16.7%	16.7% #555D48	RGB 85 93 72	#555D48
33.3%	33.3% #6C7361	RGB 108 115 97	#6C7361
50.0%	50.0% #838979	RGB 131 137 121	#838979
66.7%	66.7% #9A9E92	RGB 154 158 146	#9A9E92
83.3%	83.3% #B1B4AA	RGB 177 180 170	#B1B4AA
100.0%	100.0% #C8CAC3	RGB 200 202 195	#C8CAC3

#3F4830 #555D48 #6C7361 #838979 #9A9E92 #B1B4AA #C8CAC3

#3F4830 - #C8CAC3

HSV Blend

#3F4830 - #C8CAC3 | 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 #3F4830 as 0% and #C8CAC3 as 100%.

0.0%	0.0% #3F4830	RGB 63 72 48	#3F4830
16.7%	16.7% #545D43	RGB 84 93 67	#545D43
33.3%	33.3% #6A7358	RGB 106 115 88	#6A7358
50.0%	50.0% #80896F	RGB 128 137 111	#80896F
66.7%	66.7% #979E89	RGB 151 158 137	#979E89
83.3%	83.3% #AFB4A5	RGB 175 180 165	#AFB4A5
100.0%	100.0% #C8CAC3	RGB 200 202 195	#C8CAC3

#3F4830 #545D43 #6A7358 #80896F #979E89 #AFB4A5 #C8CAC3

#3F4830 - #80896F - #C8CAC3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F4830 0%, #80896F 50%, #C8CAC3 100%);
    background: -webkit-linear-gradient(top, #3F4830 0%, #80896F 50%, #C8CAC3 100%);
    background: linear-gradient(to bottom, #3F4830 0%, #80896F 50%, #C8CAC3 100%);
}
</style>