#B9F3C0 - #344536 | 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 #B9F3C0 to #344536

#B9F3C0 #344536

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

#B9F3C0 - #344536 | 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 #B9F3C0 as 0% and #344536 as 100%.

0.0%	0.0% #B9F3C0	RGB 185 243 192	#B9F3C0
16.7%	16.7% #A2D6A9	RGB 162 214 169	#A2D6A9
33.3%	33.3% #8CB992	RGB 140 185 146	#8CB992
50.0%	50.0% #769C7B	RGB 118 156 123	#769C7B
66.7%	66.7% #607F64	RGB 96 127 100	#607F64
83.3%	83.3% #4A624D	RGB 74 98 77	#4A624D
100.0%	100.0% #344536	RGB 52 69 54	#344536

#B9F3C0 #A2D6A9 #8CB992 #769C7B #607F64 #4A624D #344536

#B9F3C0 - #344536

HSV Blend

#B9F3C0 - #344536 | 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 #B9F3C0 as 0% and #344536 as 100%.

0.0%	0.0% #B9F3C0	RGB 185 243 192	#B9F3C0
16.7%	16.7% #A2D6A8	RGB 162 214 168	#A2D6A8
33.3%	33.3% #8CB991	RGB 140 185 145	#8CB991
50.0%	50.0% #769C7A	RGB 118 156 122	#769C7A
66.7%	66.7% #607F63	RGB 96 127 99	#607F63
83.3%	83.3% #49624C	RGB 73 98 76	#49624C
100.0%	100.0% #344536	RGB 52 69 54	#344536

#B9F3C0 #A2D6A8 #8CB991 #769C7A #607F63 #49624C #344536

#B9F3C0 - #769C7A - #344536

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9F3C0 0%, #769C7A 50%, #344536 100%);
    background: -webkit-linear-gradient(top, #B9F3C0 0%, #769C7A 50%, #344536 100%);
    background: linear-gradient(to bottom, #B9F3C0 0%, #769C7A 50%, #344536 100%);
}
</style>