#3F582B - #C8CFC2 | 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 #3F582B to #C8CFC2

#3F582B #C8CFC2

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

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

0.0%	0.0% #3F582B	RGB 63 88 43	#3F582B
16.7%	16.7% #556B44	RGB 85 107 68	#556B44
33.3%	33.3% #6C7F5D	RGB 108 127 93	#6C7F5D
50.0%	50.0% #839376	RGB 131 147 118	#839376
66.7%	66.7% #9AA78F	RGB 154 167 143	#9AA78F
83.3%	83.3% #B1BBA8	RGB 177 187 168	#B1BBA8
100.0%	100.0% #C8CFC2	RGB 200 207 194	#C8CFC2

#3F582B #556B44 #6C7F5D #839376 #9AA78F #B1BBA8 #C8CFC2

#3F582B - #C8CFC2

HSV Blend

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

0.0%	0.0% #3F582B	RGB 63 88 43	#3F582B
16.7%	16.7% #516B3C	RGB 81 107 60	#516B3C
33.3%	33.3% #667F51	RGB 102 127 81	#667F51
50.0%	50.0% #7C9369	RGB 124 147 105	#7C9369
66.7%	66.7% #94A783	RGB 148 167 131	#94A783
83.3%	83.3% #ADBBA1	RGB 173 187 161	#ADBBA1
100.0%	100.0% #C8CFC2	RGB 200 207 194	#C8CFC2

#3F582B #516B3C #667F51 #7C9369 #94A783 #ADBBA1 #C8CFC2

#3F582B - #7C9369 - #C8CFC2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F582B 0%, #7C9369 50%, #C8CFC2 100%);
    background: -webkit-linear-gradient(top, #3F582B 0%, #7C9369 50%, #C8CFC2 100%);
    background: linear-gradient(to bottom, #3F582B 0%, #7C9369 50%, #C8CFC2 100%);
}
</style>