#BDCC5E - #353A1A | 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 #BDCC5E to #353A1A

#BDCC5E #353A1A

Calculate the color between two colors, #BDCC5E and #353A1A. 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)

#BDCC5E - #353A1A | 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 #BDCC5E as 0% and #353A1A as 100%.

0.0%	0.0% #BDCC5E	RGB 189 204 94	#BDCC5E
16.7%	16.7% #A6B352	RGB 166 179 82	#A6B352
33.3%	33.3% #8F9B47	RGB 143 155 71	#8F9B47
50.0%	50.0% #79833C	RGB 121 131 60	#79833C
66.7%	66.7% #626A30	RGB 98 106 48	#626A30
83.3%	83.3% #4B5225	RGB 75 82 37	#4B5225
100.0%	100.0% #353A1A	RGB 53 58 26	#353A1A

#BDCC5E #A6B352 #8F9B47 #79833C #626A30 #4B5225 #353A1A

#BDCC5E - #353A1A

HSV Blend

#BDCC5E - #353A1A | 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 #BDCC5E as 0% and #353A1A as 100%.

0.0%	0.0% #BDCC5D	RGB 189 204 93	#BDCC5D
16.7%	16.7% #A6B352	RGB 166 179 82	#A6B352
33.3%	33.3% #8F9B46	RGB 143 155 70	#8F9B46
50.0%	50.0% #78833B	RGB 120 131 59	#78833B
66.7%	66.7% #616A30	RGB 97 106 48	#616A30
83.3%	83.3% #4B5225	RGB 75 82 37	#4B5225
100.0%	100.0% #353A1A	RGB 53 58 26	#353A1A

#BDCC5D #A6B352 #8F9B46 #78833B #616A30 #4B5225 #353A1A

#BDCC5E - #78833B - #353A1A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDCC5D 0%, #78833B 50%, #353A1A 100%);
    background: -webkit-linear-gradient(top, #BDCC5D 0%, #78833B 50%, #353A1A 100%);
    background: linear-gradient(to bottom, #BDCC5D 0%, #78833B 50%, #353A1A 100%);
}
</style>