#9EB1A8 - #41736D | 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 #9EB1A8 to #41736D

#9EB1A8 #41736D

Calculate the color between two colors, #9EB1A8 and #41736D. 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)

#9EB1A8 - #41736D | 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 #9EB1A8 as 0% and #41736D as 100%.

0.0%	0.0% #9EB1A8	RGB 158 177 168	#9EB1A8
16.7%	16.7% #8EA69E	RGB 142 166 158	#8EA69E
33.3%	33.3% #7F9C94	RGB 127 156 148	#7F9C94
50.0%	50.0% #6F928A	RGB 111 146 138	#6F928A
66.7%	66.7% #608780	RGB 96 135 128	#608780
83.3%	83.3% #507D76	RGB 80 125 118	#507D76
100.0%	100.0% #41736D	RGB 65 115 109	#41736D

#9EB1A8 #8EA69E #7F9C94 #6F928A #608780 #507D76 #41736D

#9EB1A8 - #41736D

HSV Blend

#9EB1A8 - #41736D | 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 #9EB1A8 as 0% and #41736D as 100%.

0.0%	0.0% #9EB1A8	RGB 158 177 168	#9EB1A8
16.7%	16.7% #8BA69B	RGB 139 166 155	#8BA69B
33.3%	33.3% #7A9C90	RGB 122 156 144	#7A9C90
50.0%	50.0% #6A9286	RGB 106 146 134	#6A9286
66.7%	66.7% #5B877D	RGB 91 135 125	#5B877D
83.3%	83.3% #4D7D74	RGB 77 125 116	#4D7D74
100.0%	100.0% #41736D	RGB 65 115 109	#41736D

#9EB1A8 #8BA69B #7A9C90 #6A9286 #5B877D #4D7D74 #41736D

#9EB1A8 - #6A9286 - #41736D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9EB1A8 0%, #6A9286 50%, #41736D 100%);
    background: -webkit-linear-gradient(top, #9EB1A8 0%, #6A9286 50%, #41736D 100%);
    background: linear-gradient(to bottom, #9EB1A8 0%, #6A9286 50%, #41736D 100%);
}
</style>