#3A844E - #BCCF75 | 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 #3A844E to #BCCF75

#3A844E #BCCF75

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

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

0.0%	0.0% #3A844E	RGB 58 132 78	#3A844E
16.7%	16.7% #4F9054	RGB 79 144 84	#4F9054
33.3%	33.3% #659D5B	RGB 101 157 91	#659D5B
50.0%	50.0% #7BA961	RGB 123 169 97	#7BA961
66.7%	66.7% #90B668	RGB 144 182 104	#90B668
83.3%	83.3% #A6C26E	RGB 166 194 110	#A6C26E
100.0%	100.0% #BCCF75	RGB 188 207 117	#BCCF75

#3A844E #4F9054 #659D5B #7BA961 #90B668 #A6C26E #BCCF75

#3A844E - #BCCF75

HSV Blend

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

0.0%	0.0% #3A844D	RGB 58 132 77	#3A844D
16.7%	16.7% #429049	RGB 66 144 73	#429049
33.3%	33.3% #529D4B	RGB 82 157 75	#529D4B
50.0%	50.0% #6BA955	RGB 107 169 85	#6BA955
66.7%	66.7% #85B65F	RGB 133 182 95	#85B65F
83.3%	83.3% #A0C269	RGB 160 194 105	#A0C269
100.0%	100.0% #BCCF75	RGB 188 207 117	#BCCF75

#3A844D #429049 #529D4B #6BA955 #85B65F #A0C269 #BCCF75

#3A844E - #6BA955 - #BCCF75

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A844D 0%, #6BA955 50%, #BCCF75 100%);
    background: -webkit-linear-gradient(top, #3A844D 0%, #6BA955 50%, #BCCF75 100%);
    background: linear-gradient(to bottom, #3A844D 0%, #6BA955 50%, #BCCF75 100%);
}
</style>