#B5FF8C - #334828 | 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 #B5FF8C to #334828

#B5FF8C #334828

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

#B5FF8C - #334828 | 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 #B5FF8C as 0% and #334828 as 100%.

0.0%	0.0% #B5FF8C	RGB 181 255 140	#B5FF8C
16.7%	16.7% #9FE07B	RGB 159 224 123	#9FE07B
33.3%	33.3% #89C26A	RGB 137 194 106	#89C26A
50.0%	50.0% #74A35A	RGB 116 163 90	#74A35A
66.7%	66.7% #5E8449	RGB 94 132 73	#5E8449
83.3%	83.3% #486638	RGB 72 102 56	#486638
100.0%	100.0% #334828	RGB 51 72 40	#334828

#B5FF8C #9FE07B #89C26A #74A35A #5E8449 #486638 #334828

#B5FF8C - #334828

HSV Blend

#B5FF8C - #334828 | 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 #B5FF8C as 0% and #334828 as 100%.

0.0%	0.0% #B4FF8C	RGB 180 255 140	#B4FF8C
16.7%	16.7% #9FE07B	RGB 159 224 123	#9FE07B
33.3%	33.3% #89C26A	RGB 137 194 106	#89C26A
50.0%	50.0% #73A35A	RGB 115 163 90	#73A35A
66.7%	66.7% #5E8449	RGB 94 132 73	#5E8449
83.3%	83.3% #486638	RGB 72 102 56	#486638
100.0%	100.0% #334828	RGB 51 72 40	#334828

#B4FF8C #9FE07B #89C26A #73A35A #5E8449 #486638 #334828

#B5FF8C - #73A35A - #334828

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B4FF8C 0%, #73A35A 50%, #334828 100%);
    background: -webkit-linear-gradient(top, #B4FF8C 0%, #73A35A 50%, #334828 100%);
    background: linear-gradient(to bottom, #B4FF8C 0%, #73A35A 50%, #334828 100%);
}
</style>