#3F693F - #C8D4C8 | 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 #3F693F to #C8D4C8

#3F693F #C8D4C8

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

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

0.0%	0.0% #3F693F	RGB 63 105 63	#3F693F
16.7%	16.7% #557A55	RGB 85 122 85	#557A55
33.3%	33.3% #6C8C6C	RGB 108 140 108	#6C8C6C
50.0%	50.0% #839E83	RGB 131 158 131	#839E83
66.7%	66.7% #9AB09A	RGB 154 176 154	#9AB09A
83.3%	83.3% #B1C2B1	RGB 177 194 177	#B1C2B1
100.0%	100.0% #C8D4C8	RGB 200 212 200	#C8D4C8

#3F693F #557A55 #6C8C6C #839E83 #9AB09A #B1C2B1 #C8D4C8

#3F693F - #C8D4C8

HSV Blend

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

0.0%	0.0% #3F693F	RGB 63 105 63	#3F693F
16.7%	16.7% #507A50	RGB 80 122 80	#507A50
33.3%	33.3% #648C64	RGB 100 140 100	#648C64
50.0%	50.0% #7A9E7A	RGB 122 158 122	#7A9E7A
66.7%	66.7% #92B092	RGB 146 176 146	#92B092
83.3%	83.3% #ACC2AC	RGB 172 194 172	#ACC2AC
100.0%	100.0% #C8D4C8	RGB 200 212 200	#C8D4C8

#3F693F #507A50 #648C64 #7A9E7A #92B092 #ACC2AC #C8D4C8

#3F693F - #7A9E7A - #C8D4C8

CSS codes

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

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