#BFDBA2 - #353E2E | 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 #BFDBA2 to #353E2E

#BFDBA2 #353E2E

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

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

0.0%	0.0% #BFDBA2	RGB 191 219 162	#BFDBA2
16.7%	16.7% #A8C08E	RGB 168 192 142	#A8C08E
33.3%	33.3% #91A67B	RGB 145 166 123	#91A67B
50.0%	50.0% #7A8C68	RGB 122 140 104	#7A8C68
66.7%	66.7% #637254	RGB 99 114 84	#637254
83.3%	83.3% #4C5841	RGB 76 88 65	#4C5841
100.0%	100.0% #353E2E	RGB 53 62 46	#353E2E

#BFDBA2 #A8C08E #91A67B #7A8C68 #637254 #4C5841 #353E2E

#BFDBA2 - #353E2E

HSV Blend

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

0.0%	0.0% #BFDBA2	RGB 191 219 162	#BFDBA2
16.7%	16.7% #A7C08E	RGB 167 192 142	#A7C08E
33.3%	33.3% #90A67B	RGB 144 166 123	#90A67B
50.0%	50.0% #798C68	RGB 121 140 104	#798C68
66.7%	66.7% #627254	RGB 98 114 84	#627254
83.3%	83.3% #4B5841	RGB 75 88 65	#4B5841
100.0%	100.0% #353E2E	RGB 53 62 46	#353E2E

#BFDBA2 #A7C08E #90A67B #798C68 #627254 #4B5841 #353E2E

#BFDBA2 - #798C68 - #353E2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFDBA2 0%, #798C68 50%, #353E2E 100%);
    background: -webkit-linear-gradient(top, #BFDBA2 0%, #798C68 50%, #353E2E 100%);
    background: linear-gradient(to bottom, #BFDBA2 0%, #798C68 50%, #353E2E 100%);
}
</style>