#A1C8C8 - #4BA8AF | 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 #A1C8C8 to #4BA8AF

#A1C8C8 #4BA8AF

Calculate the color between two colors, #A1C8C8 and #4BA8AF. 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)

#A1C8C8 - #4BA8AF | 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 #A1C8C8 as 0% and #4BA8AF as 100%.

0.0%	0.0% #A1C8C8	RGB 161 200 200	#A1C8C8
16.7%	16.7% #92C2C3	RGB 146 194 195	#92C2C3
33.3%	33.3% #84BDBF	RGB 132 189 191	#84BDBF
50.0%	50.0% #76B8BB	RGB 118 184 187	#76B8BB
66.7%	66.7% #67B2B7	RGB 103 178 183	#67B2B7
83.3%	83.3% #59ADB3	RGB 89 173 179	#59ADB3
100.0%	100.0% #4BA8AF	RGB 75 168 175	#4BA8AF

#A1C8C8 #92C2C3 #84BDBF #76B8BB #67B2B7 #59ADB3 #4BA8AF

#A1C8C8 - #4BA8AF

HSV Blend

#A1C8C8 - #4BA8AF | 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 #A1C8C8 as 0% and #4BA8AF as 100%.

0.0%	0.0% #A1C8C8	RGB 161 200 200	#A1C8C8
16.7%	16.7% #91C3C3	RGB 145 195 195	#91C3C3
33.3%	33.3% #82BEBF	RGB 130 190 191	#82BEBF
50.0%	50.0% #73B8BB	RGB 115 184 187	#73B8BB
66.7%	66.7% #65B3B7	RGB 101 179 183	#65B3B7
83.3%	83.3% #58ADB3	RGB 88 173 179	#58ADB3
100.0%	100.0% #4BA8AF	RGB 75 168 175	#4BA8AF

#A1C8C8 #91C3C3 #82BEBF #73B8BB #65B3B7 #58ADB3 #4BA8AF

#A1C8C8 - #73B8BB - #4BA8AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1C8C8 0%, #73B8BB 50%, #4BA8AF 100%);
    background: -webkit-linear-gradient(top, #A1C8C8 0%, #73B8BB 50%, #4BA8AF 100%);
    background: linear-gradient(to bottom, #A1C8C8 0%, #73B8BB 50%, #4BA8AF 100%);
}
</style>