#B4D5A1 - #333C2E | 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 #B4D5A1 to #333C2E

#B4D5A1 #333C2E

Calculate the color between two colors, #B4D5A1 and #333C2E. 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)

#B4D5A1 - #333C2E | 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 #B4D5A1 as 0% and #333C2E as 100%.

0.0%	0.0% #B4D5A1	RGB 180 213 161	#B4D5A1
16.7%	16.7% #9EBB8D	RGB 158 187 141	#9EBB8D
33.3%	33.3% #89A27A	RGB 137 162 122	#89A27A
50.0%	50.0% #738867	RGB 115 136 103	#738867
66.7%	66.7% #5E6F54	RGB 94 111 84	#5E6F54
83.3%	83.3% #485541	RGB 72 85 65	#485541
100.0%	100.0% #333C2E	RGB 51 60 46	#333C2E

#B4D5A1 #9EBB8D #89A27A #738867 #5E6F54 #485541 #333C2E

#B4D5A1 - #333C2E

HSV Blend

#B4D5A1 - #333C2E | 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 #B4D5A1 as 0% and #333C2E as 100%.

0.0%	0.0% #B4D5A1	RGB 180 213 161	#B4D5A1
16.7%	16.7% #9EBB8E	RGB 158 187 142	#9EBB8E
33.3%	33.3% #89A27B	RGB 137 162 123	#89A27B
50.0%	50.0% #738867	RGB 115 136 103	#738867
66.7%	66.7% #5E6F54	RGB 94 111 84	#5E6F54
83.3%	83.3% #485541	RGB 72 85 65	#485541
100.0%	100.0% #333C2E	RGB 51 60 46	#333C2E

#B4D5A1 #9EBB8E #89A27B #738867 #5E6F54 #485541 #333C2E

#B4D5A1 - #738867 - #333C2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B4D5A1 0%, #738867 50%, #333C2E 100%);
    background: -webkit-linear-gradient(top, #B4D5A1 0%, #738867 50%, #333C2E 100%);
    background: linear-gradient(to bottom, #B4D5A1 0%, #738867 50%, #333C2E 100%);
}
</style>