#8CABAC - #3A5E53 | 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 #8CABAC to #3A5E53

#8CABAC #3A5E53

Calculate the color between two colors, #8CABAC and #3A5E53. 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)

#8CABAC - #3A5E53 | 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 #8CABAC as 0% and #3A5E53 as 100%.

0.0%	0.0% #8CABAC	RGB 140 171 172	#8CABAC
16.7%	16.7% #7E9E9D	RGB 126 158 157	#7E9E9D
33.3%	33.3% #70918E	RGB 112 145 142	#70918E
50.0%	50.0% #63847F	RGB 99 132 127	#63847F
66.7%	66.7% #557770	RGB 85 119 112	#557770
83.3%	83.3% #476A61	RGB 71 106 97	#476A61
100.0%	100.0% #3A5E53	RGB 58 94 83	#3A5E53

#8CABAC #7E9E9D #70918E #63847F #557770 #476A61 #3A5E53

#8CABAC - #3A5E53

HSV Blend

#8CABAC - #3A5E53 | 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 #8CABAC as 0% and #3A5E53 as 100%.

0.0%	0.0% #8CABAC	RGB 140 171 172	#8CABAC
16.7%	16.7% #7C9F9E	RGB 124 159 158	#7C9F9E
33.3%	33.3% #6D928F	RGB 109 146 143	#6D928F
50.0%	50.0% #5F857F	RGB 95 133 127	#5F857F
66.7%	66.7% #517870	RGB 81 120 112	#517870
83.3%	83.3% #456B61	RGB 69 107 97	#456B61
100.0%	100.0% #3A5E53	RGB 58 94 83	#3A5E53

#8CABAC #7C9F9E #6D928F #5F857F #517870 #456B61 #3A5E53

#8CABAC - #5F857F - #3A5E53

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CABAC 0%, #5F857F 50%, #3A5E53 100%);
    background: -webkit-linear-gradient(top, #8CABAC 0%, #5F857F 50%, #3A5E53 100%);
    background: linear-gradient(to bottom, #8CABAC 0%, #5F857F 50%, #3A5E53 100%);
}
</style>