#409A8D - #B9D99B | 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 #409A8D to #B9D99B

#409A8D #B9D99B

Calculate the color between two colors, #409A8D and #B9D99B. 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)

#409A8D - #B9D99B | 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 #409A8D as 0% and #B9D99B as 100%.

0.0%	0.0% #409A8D	RGB 64 154 141	#409A8D
16.7%	16.7% #54A48F	RGB 84 164 143	#54A48F
33.3%	33.3% #68AF91	RGB 104 175 145	#68AF91
50.0%	50.0% #7CB994	RGB 124 185 148	#7CB994
66.7%	66.7% #90C496	RGB 144 196 150	#90C496
83.3%	83.3% #A4CE98	RGB 164 206 152	#A4CE98
100.0%	100.0% #B9D99B	RGB 185 217 155	#B9D99B

#409A8D #54A48F #68AF91 #7CB994 #90C496 #A4CE98 #B9D99B

#409A8D - #B9D99B

HSV Blend

#409A8D - #B9D99B | 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 #409A8D as 0% and #B9D99B as 100%.

0.0%	0.0% #409A8D	RGB 64 154 141	#409A8D
16.7%	16.7% #4CA484	RGB 76 164 132	#4CA484
33.3%	33.3% #5AAF7C	RGB 90 175 124	#5AAF7C
50.0%	50.0% #68B977	RGB 104 185 119	#68B977
66.7%	66.7% #7BC478	RGB 123 196 120	#7BC478
83.3%	83.3% #9BCE89	RGB 155 206 137	#9BCE89
100.0%	100.0% #B9D99B	RGB 185 217 155	#B9D99B

#409A8D #4CA484 #5AAF7C #68B977 #7BC478 #9BCE89 #B9D99B

#409A8D - #68B977 - #B9D99B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #409A8D 0%, #68B977 50%, #B9D99B 100%);
    background: -webkit-linear-gradient(top, #409A8D 0%, #68B977 50%, #B9D99B 100%);
    background: linear-gradient(to bottom, #409A8D 0%, #68B977 50%, #B9D99B 100%);
}
</style>