#BDFF85 - #354826 | 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 #BDFF85 to #354826

#BDFF85 #354826

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

#BDFF85 - #354826 | 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 #BDFF85 as 0% and #354826 as 100%.

0.0%	0.0% #BDFF85	RGB 189 255 133	#BDFF85
16.7%	16.7% #A6E075	RGB 166 224 117	#A6E075
33.3%	33.3% #8FC265	RGB 143 194 101	#8FC265
50.0%	50.0% #79A355	RGB 121 163 85	#79A355
66.7%	66.7% #628445	RGB 98 132 69	#628445
83.3%	83.3% #4B6635	RGB 75 102 53	#4B6635
100.0%	100.0% #354826	RGB 53 72 38	#354826

#BDFF85 #A6E075 #8FC265 #79A355 #628445 #4B6635 #354826

#BDFF85 - #354826

HSV Blend

#BDFF85 - #354826 | 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 #BDFF85 as 0% and #354826 as 100%.

0.0%	0.0% #BDFF85	RGB 189 255 133	#BDFF85
16.7%	16.7% #A6E075	RGB 166 224 117	#A6E075
33.3%	33.3% #8FC265	RGB 143 194 101	#8FC265
50.0%	50.0% #78A355	RGB 120 163 85	#78A355
66.7%	66.7% #628445	RGB 98 132 69	#628445
83.3%	83.3% #4B6635	RGB 75 102 53	#4B6635
100.0%	100.0% #354826	RGB 53 72 38	#354826

#BDFF85 #A6E075 #8FC265 #78A355 #628445 #4B6635 #354826

#BDFF85 - #78A355 - #354826

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDFF85 0%, #78A355 50%, #354826 100%);
    background: -webkit-linear-gradient(top, #BDFF85 0%, #78A355 50%, #354826 100%);
    background: linear-gradient(to bottom, #BDFF85 0%, #78A355 50%, #354826 100%);
}
</style>