#A8F0ED - #304443 | 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 #A8F0ED to #304443

#A8F0ED #304443

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

#A8F0ED - #304443 | 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 #A8F0ED as 0% and #304443 as 100%.

0.0%	0.0% #A8F0ED	RGB 168 240 237	#A8F0ED
16.7%	16.7% #94D3D0	RGB 148 211 208	#94D3D0
33.3%	33.3% #80B6B4	RGB 128 182 180	#80B6B4
50.0%	50.0% #6C9A98	RGB 108 154 152	#6C9A98
66.7%	66.7% #587D7B	RGB 88 125 123	#587D7B
83.3%	83.3% #44605F	RGB 68 96 95	#44605F
100.0%	100.0% #304443	RGB 48 68 67	#304443

#A8F0ED #94D3D0 #80B6B4 #6C9A98 #587D7B #44605F #304443

#A8F0ED - #304443

HSV Blend

#A8F0ED - #304443 | 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 #A8F0ED as 0% and #304443 as 100%.

0.0%	0.0% #A8F0ED	RGB 168 240 237	#A8F0ED
16.7%	16.7% #94D3D0	RGB 148 211 208	#94D3D0
33.3%	33.3% #80B6B4	RGB 128 182 180	#80B6B4
50.0%	50.0% #6C9A97	RGB 108 154 151	#6C9A97
66.7%	66.7% #587D7B	RGB 88 125 123	#587D7B
83.3%	83.3% #44605F	RGB 68 96 95	#44605F
100.0%	100.0% #304443	RGB 48 68 67	#304443

#A8F0ED #94D3D0 #80B6B4 #6C9A97 #587D7B #44605F #304443

#A8F0ED - #6C9A97 - #304443

CSS codes

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

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