#B6EDA8 - #334330 | 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 #B6EDA8 to #334330

#B6EDA8 #334330

Calculate the color between two colors, #B6EDA8 and #334330. 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)

#B6EDA8 - #334330 | 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 #B6EDA8 as 0% and #334330 as 100%.

0.0%	0.0% #B6EDA8	RGB 182 237 168	#B6EDA8
16.7%	16.7% #A0D094	RGB 160 208 148	#A0D094
33.3%	33.3% #8AB480	RGB 138 180 128	#8AB480
50.0%	50.0% #74986C	RGB 116 152 108	#74986C
66.7%	66.7% #5E7B58	RGB 94 123 88	#5E7B58
83.3%	83.3% #485F44	RGB 72 95 68	#485F44
100.0%	100.0% #334330	RGB 51 67 48	#334330

#B6EDA8 #A0D094 #8AB480 #74986C #5E7B58 #485F44 #334330

#B6EDA8 - #334330

HSV Blend

#B6EDA8 - #334330 | 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 #B6EDA8 as 0% and #334330 as 100%.

0.0%	0.0% #B6EDA8	RGB 182 237 168	#B6EDA8
16.7%	16.7% #9FD094	RGB 159 208 148	#9FD094
33.3%	33.3% #8AB480	RGB 138 180 128	#8AB480
50.0%	50.0% #74986C	RGB 116 152 108	#74986C
66.7%	66.7% #5E7B58	RGB 94 123 88	#5E7B58
83.3%	83.3% #485F44	RGB 72 95 68	#485F44
100.0%	100.0% #334330	RGB 51 67 48	#334330

#B6EDA8 #9FD094 #8AB480 #74986C #5E7B58 #485F44 #334330

#B6EDA8 - #74986C - #334330

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6EDA8 0%, #74986C 50%, #334330 100%);
    background: -webkit-linear-gradient(top, #B6EDA8 0%, #74986C 50%, #334330 100%);
    background: linear-gradient(to bottom, #B6EDA8 0%, #74986C 50%, #334330 100%);
}
</style>