#ABC6C4 - #42908E | 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 #ABC6C4 to #42908E

#ABC6C4 #42908E

Calculate the color between two colors, #ABC6C4 and #42908E. 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)

#ABC6C4 - #42908E | 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 #ABC6C4 as 0% and #42908E as 100%.

0.0%	0.0% #ABC6C4	RGB 171 198 196	#ABC6C4
16.7%	16.7% #99BDBB	RGB 153 189 187	#99BDBB
33.3%	33.3% #88B4B2	RGB 136 180 178	#88B4B2
50.0%	50.0% #76ABA9	RGB 118 171 169	#76ABA9
66.7%	66.7% #65A2A0	RGB 101 162 160	#65A2A0
83.3%	83.3% #539997	RGB 83 153 151	#539997
100.0%	100.0% #42908E	RGB 66 144 142	#42908E

#ABC6C4 #99BDBB #88B4B2 #76ABA9 #65A2A0 #539997 #42908E

#ABC6C4 - #42908E

HSV Blend

#ABC6C4 - #42908E | 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 #ABC6C4 as 0% and #42908E as 100%.

0.0%	0.0% #ABC6C4	RGB 171 198 196	#ABC6C4
16.7%	16.7% #96BDBA	RGB 150 189 186	#96BDBA
33.3%	33.3% #83B4B1	RGB 131 180 177	#83B4B1
50.0%	50.0% #71ABA8	RGB 113 171 168	#71ABA8
66.7%	66.7% #60A29F	RGB 96 162 159	#60A29F
83.3%	83.3% #509996	RGB 80 153 150	#509996
100.0%	100.0% #42908E	RGB 66 144 142	#42908E

#ABC6C4 #96BDBA #83B4B1 #71ABA8 #60A29F #509996 #42908E

#ABC6C4 - #71ABA8 - #42908E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC6C4 0%, #71ABA8 50%, #42908E 100%);
    background: -webkit-linear-gradient(top, #ABC6C4 0%, #71ABA8 50%, #42908E 100%);
    background: linear-gradient(to bottom, #ABC6C4 0%, #71ABA8 50%, #42908E 100%);
}
</style>