#3A8F66 - #BFD685 | 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 #3A8F66 to #BFD685

#3A8F66 #BFD685

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

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

0.0%	0.0% #3A8F66	RGB 58 143 102	#3A8F66
16.7%	16.7% #509A6B	RGB 80 154 107	#509A6B
33.3%	33.3% #66A670	RGB 102 166 112	#66A670
50.0%	50.0% #7CB275	RGB 124 178 117	#7CB275
66.7%	66.7% #92BE7A	RGB 146 190 122	#92BE7A
83.3%	83.3% #A8CA7F	RGB 168 202 127	#A8CA7F
100.0%	100.0% #BFD685	RGB 191 214 133	#BFD685

#3A8F66 #509A6B #66A670 #7CB275 #92BE7A #A8CA7F #BFD685

#3A8F66 - #BFD685

HSV Blend

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

0.0%	0.0% #3A8F66	RGB 58 143 102	#3A8F66
16.7%	16.7% #449A5F	RGB 68 154 95	#449A5F
33.3%	33.3% #4FA658	RGB 79 166 88	#4FA658
50.0%	50.0% #64B25B	RGB 100 178 91	#64B25B
66.7%	66.7% #82BE68	RGB 130 190 104	#82BE68
83.3%	83.3% #A1CA76	RGB 161 202 118	#A1CA76
100.0%	100.0% #BFD685	RGB 191 214 133	#BFD685

#3A8F66 #449A5F #4FA658 #64B25B #82BE68 #A1CA76 #BFD685

#3A8F66 - #64B25B - #BFD685

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A8F66 0%, #64B25B 50%, #BFD685 100%);
    background: -webkit-linear-gradient(top, #3A8F66 0%, #64B25B 50%, #BFD685 100%);
    background: linear-gradient(to bottom, #3A8F66 0%, #64B25B 50%, #BFD685 100%);
}
</style>