#B9FDF3 - #344845 | 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 #B9FDF3 to #344845

#B9FDF3 #344845

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

#B9FDF3 - #344845 | 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 #B9FDF3 as 0% and #344845 as 100%.

0.0%	0.0% #B9FDF3	RGB 185 253 243	#B9FDF3
16.7%	16.7% #A2DED6	RGB 162 222 214	#A2DED6
33.3%	33.3% #8CC0B9	RGB 140 192 185	#8CC0B9
50.0%	50.0% #76A29C	RGB 118 162 156	#76A29C
66.7%	66.7% #60847F	RGB 96 132 127	#60847F
83.3%	83.3% #4A6662	RGB 74 102 98	#4A6662
100.0%	100.0% #344845	RGB 52 72 69	#344845

#B9FDF3 #A2DED6 #8CC0B9 #76A29C #60847F #4A6662 #344845

#B9FDF3 - #344845

HSV Blend

#B9FDF3 - #344845 | 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 #B9FDF3 as 0% and #344845 as 100%.

0.0%	0.0% #B9FDF3	RGB 185 253 243	#B9FDF3
16.7%	16.7% #A2DED5	RGB 162 222 213	#A2DED5
33.3%	33.3% #8CC0B8	RGB 140 192 184	#8CC0B8
50.0%	50.0% #76A29B	RGB 118 162 155	#76A29B
66.7%	66.7% #5F847E	RGB 95 132 126	#5F847E
83.3%	83.3% #496661	RGB 73 102 97	#496661
100.0%	100.0% #344845	RGB 52 72 69	#344845

#B9FDF3 #A2DED5 #8CC0B8 #76A29B #5F847E #496661 #344845

#B9FDF3 - #76A29B - #344845

CSS codes

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

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