#A8CFD4 - #48898F | 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 #A8CFD4 to #48898F

#A8CFD4 #48898F

Calculate the color between two colors, #A8CFD4 and #48898F. 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)

#A8CFD4 - #48898F | 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 #A8CFD4 as 0% and #48898F as 100%.

0.0%	0.0% #A8CFD4	RGB 168 207 212	#A8CFD4
16.7%	16.7% #98C3C8	RGB 152 195 200	#98C3C8
33.3%	33.3% #88B7BD	RGB 136 183 189	#88B7BD
50.0%	50.0% #78ACB1	RGB 120 172 177	#78ACB1
66.7%	66.7% #68A0A6	RGB 104 160 166	#68A0A6
83.3%	83.3% #58949A	RGB 88 148 154	#58949A
100.0%	100.0% #48898F	RGB 72 137 143	#48898F

#A8CFD4 #98C3C8 #88B7BD #78ACB1 #68A0A6 #58949A #48898F

#A8CFD4 - #48898F

HSV Blend

#A8CFD4 - #48898F | 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 #A8CFD4 as 0% and #48898F as 100%.

0.0%	0.0% #A8CFD4	RGB 168 207 212	#A8CFD4
16.7%	16.7% #95C2C8	RGB 149 194 200	#95C2C8
33.3%	33.3% #83B7BD	RGB 131 183 189	#83B7BD
50.0%	50.0% #73ABB1	RGB 115 171 177	#73ABB1
66.7%	66.7% #639FA6	RGB 99 159 166	#639FA6
83.3%	83.3% #55949A	RGB 85 148 154	#55949A
100.0%	100.0% #48898F	RGB 72 137 143	#48898F

#A8CFD4 #95C2C8 #83B7BD #73ABB1 #639FA6 #55949A #48898F

#A8CFD4 - #73ABB1 - #48898F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CFD4 0%, #73ABB1 50%, #48898F 100%);
    background: -webkit-linear-gradient(top, #A8CFD4 0%, #73ABB1 50%, #48898F 100%);
    background: linear-gradient(to bottom, #A8CFD4 0%, #73ABB1 50%, #48898F 100%);
}
</style>