#8B9C92 - #355D56 | 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 #8B9C92 to #355D56

#8B9C92 #355D56

Calculate the color between two colors, #8B9C92 and #355D56. 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)

#8B9C92 - #355D56 | 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 #8B9C92 as 0% and #355D56 as 100%.

0.0%	0.0% #8B9C92	RGB 139 156 146	#8B9C92
16.7%	16.7% #7C9188	RGB 124 145 136	#7C9188
33.3%	33.3% #6E877E	RGB 110 135 126	#6E877E
50.0%	50.0% #607C74	RGB 96 124 116	#607C74
66.7%	66.7% #51726A	RGB 81 114 106	#51726A
83.3%	83.3% #436760	RGB 67 103 96	#436760
100.0%	100.0% #355D56	RGB 53 93 86	#355D56

#8B9C92 #7C9188 #6E877E #607C74 #51726A #436760 #355D56

#8B9C92 - #355D56

HSV Blend

#8B9C92 - #355D56 | 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 #8B9C92 as 0% and #355D56 as 100%.

0.0%	0.0% #8B9C92	RGB 139 156 146	#8B9C92
16.7%	16.7% #799185	RGB 121 145 133	#799185
33.3%	33.3% #698779	RGB 105 135 121	#698779
50.0%	50.0% #5A7C6F	RGB 90 124 111	#5A7C6F
66.7%	66.7% #4D7266	RGB 77 114 102	#4D7266
83.3%	83.3% #40675D	RGB 64 103 93	#40675D
100.0%	100.0% #355D56	RGB 53 93 86	#355D56

#8B9C92 #799185 #698779 #5A7C6F #4D7266 #40675D #355D56

#8B9C92 - #5A7C6F - #355D56

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8B9C92 0%, #5A7C6F 50%, #355D56 100%);
    background: -webkit-linear-gradient(top, #8B9C92 0%, #5A7C6F 50%, #355D56 100%);
    background: linear-gradient(to bottom, #8B9C92 0%, #5A7C6F 50%, #355D56 100%);
}
</style>