#A8BABA - #3F8281 | 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 #A8BABA to #3F8281

#A8BABA #3F8281

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

#A8BABA - #3F8281 | 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 #A8BABA as 0% and #3F8281 as 100%.

0.0%	0.0% #A8BABA	RGB 168 186 186	#A8BABA
16.7%	16.7% #96B0B0	RGB 150 176 176	#96B0B0
33.3%	33.3% #85A7A7	RGB 133 167 167	#85A7A7
50.0%	50.0% #739E9D	RGB 115 158 157	#739E9D
66.7%	66.7% #629494	RGB 98 148 148	#629494
83.3%	83.3% #508B8A	RGB 80 139 138	#508B8A
100.0%	100.0% #3F8281	RGB 63 130 129	#3F8281

#A8BABA #96B0B0 #85A7A7 #739E9D #629494 #508B8A #3F8281

#A8BABA - #3F8281

HSV Blend

#A8BABA - #3F8281 | 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 #A8BABA as 0% and #3F8281 as 100%.

0.0%	0.0% #A8BABA	RGB 168 186 186	#A8BABA
16.7%	16.7% #93B0B0	RGB 147 176 176	#93B0B0
33.3%	33.3% #7FA7A7	RGB 127 167 167	#7FA7A7
50.0%	50.0% #6D9E9D	RGB 109 158 157	#6D9E9D
66.7%	66.7% #5C9494	RGB 92 148 148	#5C9494
83.3%	83.3% #4D8B8A	RGB 77 139 138	#4D8B8A
100.0%	100.0% #3F8281	RGB 63 130 129	#3F8281

#A8BABA #93B0B0 #7FA7A7 #6D9E9D #5C9494 #4D8B8A #3F8281

#A8BABA - #6D9E9D - #3F8281

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8BABA 0%, #6D9E9D 50%, #3F8281 100%);
    background: -webkit-linear-gradient(top, #A8BABA 0%, #6D9E9D 50%, #3F8281 100%);
    background: linear-gradient(to bottom, #A8BABA 0%, #6D9E9D 50%, #3F8281 100%);
}
</style>