#B9FFCF - #34483B | 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 #B9FFCF to #34483B

#B9FFCF #34483B

Calculate the color between two colors, #B9FFCF and #34483B. 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)

#B9FFCF - #34483B | 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 #B9FFCF as 0% and #34483B as 100%.

0.0%	0.0% #B9FFCF	RGB 185 255 207	#B9FFCF
16.7%	16.7% #A2E0B6	RGB 162 224 182	#A2E0B6
33.3%	33.3% #8CC29D	RGB 140 194 157	#8CC29D
50.0%	50.0% #76A385	RGB 118 163 133	#76A385
66.7%	66.7% #60846C	RGB 96 132 108	#60846C
83.3%	83.3% #4A6653	RGB 74 102 83	#4A6653
100.0%	100.0% #34483B	RGB 52 72 59	#34483B

#B9FFCF #A2E0B6 #8CC29D #76A385 #60846C #4A6653 #34483B

#B9FFCF - #34483B

HSV Blend

#B9FFCF - #34483B | 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 #B9FFCF as 0% and #34483B as 100%.

0.0%	0.0% #B9FFCF	RGB 185 255 207	#B9FFCF
16.7%	16.7% #A2E0B6	RGB 162 224 182	#A2E0B6
33.3%	33.3% #8CC29D	RGB 140 194 157	#8CC29D
50.0%	50.0% #76A385	RGB 118 163 133	#76A385
66.7%	66.7% #60846C	RGB 96 132 108	#60846C
83.3%	83.3% #4A6653	RGB 74 102 83	#4A6653
100.0%	100.0% #34483B	RGB 52 72 59	#34483B

#B9FFCF #A2E0B6 #8CC29D #76A385 #60846C #4A6653 #34483B

#B9FFCF - #76A385 - #34483B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9FFCF 0%, #76A385 50%, #34483B 100%);
    background: -webkit-linear-gradient(top, #B9FFCF 0%, #76A385 50%, #34483B 100%);
    background: linear-gradient(to bottom, #B9FFCF 0%, #76A385 50%, #34483B 100%);
}
</style>