#09402F - #B8C8C3 | 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 #09402F to #B8C8C3

#09402F #B8C8C3

Calculate the color between two colors, #09402F and #B8C8C3. 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)

#09402F - #B8C8C3 | 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 #09402F as 0% and #B8C8C3 as 100%.

0.0%	0.0% #09402F	RGB 9 64 47	#09402F
16.7%	16.7% #265647	RGB 38 86 71	#265647
33.3%	33.3% #436D60	RGB 67 109 96	#436D60
50.0%	50.0% #608479	RGB 96 132 121	#608479
66.7%	66.7% #7D9A91	RGB 125 154 145	#7D9A91
83.3%	83.3% #9AB1AA	RGB 154 177 170	#9AB1AA
100.0%	100.0% #B8C8C3	RGB 184 200 195	#B8C8C3

#09402F #265647 #436D60 #608479 #7D9A91 #9AB1AA #B8C8C3

#09402F - #B8C8C3

HSV Blend

#09402F - #B8C8C3 | 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 #09402F as 0% and #B8C8C3 as 100%.

0.0%	0.0% #09402F	RGB 9 64 47	#09402F
16.7%	16.7% #175643	RGB 23 86 67	#175643
33.3%	33.3% #2B6D58	RGB 43 109 88	#2B6D58
50.0%	50.0% #468470	RGB 70 132 112	#468470
66.7%	66.7% #669A8A	RGB 102 154 138	#669A8A
83.3%	83.3% #8CB1A5	RGB 140 177 165	#8CB1A5
100.0%	100.0% #B8C8C3	RGB 184 200 195	#B8C8C3

#09402F #175643 #2B6D58 #468470 #669A8A #8CB1A5 #B8C8C3

#09402F - #468470 - #B8C8C3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #09402F 0%, #468470 50%, #B8C8C3 100%);
    background: -webkit-linear-gradient(top, #09402F 0%, #468470 50%, #B8C8C3 100%);
    background: linear-gradient(to bottom, #09402F 0%, #468470 50%, #B8C8C3 100%);
}
</style>