#ABC6C6 - #409190 | 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 #ABC6C6 to #409190

#ABC6C6 #409190

Calculate the color between two colors, #ABC6C6 and #409190. 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)

#ABC6C6 - #409190 | 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 #ABC6C6 as 0% and #409190 as 100%.

0.0%	0.0% #ABC6C6	RGB 171 198 198	#ABC6C6
16.7%	16.7% #99BDBD	RGB 153 189 189	#99BDBD
33.3%	33.3% #87B4B4	RGB 135 180 180	#87B4B4
50.0%	50.0% #75ABAB	RGB 117 171 171	#75ABAB
66.7%	66.7% #63A2A2	RGB 99 162 162	#63A2A2
83.3%	83.3% #519999	RGB 81 153 153	#519999
100.0%	100.0% #409190	RGB 64 145 144	#409190

#ABC6C6 #99BDBD #87B4B4 #75ABAB #63A2A2 #519999 #409190

#ABC6C6 - #409190

HSV Blend

#ABC6C6 - #409190 | 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 #ABC6C6 as 0% and #409190 as 100%.

0.0%	0.0% #ABC6C6	RGB 171 198 198	#ABC6C6
16.7%	16.7% #96BDBD	RGB 150 189 189	#96BDBD
33.3%	33.3% #82B4B4	RGB 130 180 180	#82B4B4
50.0%	50.0% #6FABAB	RGB 111 171 171	#6FABAB
66.7%	66.7% #5EA2A2	RGB 94 162 162	#5EA2A2
83.3%	83.3% #4E9999	RGB 78 153 153	#4E9999
100.0%	100.0% #409190	RGB 64 145 144	#409190

#ABC6C6 #96BDBD #82B4B4 #6FABAB #5EA2A2 #4E9999 #409190

#ABC6C6 - #6FABAB - #409190

CSS codes

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

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