#A8F9F2 - #304744 | 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 #A8F9F2 to #304744

#A8F9F2 #304744

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

#A8F9F2 - #304744 | 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 #A8F9F2 as 0% and #304744 as 100%.

0.0%	0.0% #A8F9F2	RGB 168 249 242	#A8F9F2
16.7%	16.7% #94DBD5	RGB 148 219 213	#94DBD5
33.3%	33.3% #80BDB8	RGB 128 189 184	#80BDB8
50.0%	50.0% #6CA09B	RGB 108 160 155	#6CA09B
66.7%	66.7% #58827E	RGB 88 130 126	#58827E
83.3%	83.3% #446461	RGB 68 100 97	#446461
100.0%	100.0% #304744	RGB 48 71 68	#304744

#A8F9F2 #94DBD5 #80BDB8 #6CA09B #58827E #446461 #304744

#A8F9F2 - #304744

HSV Blend

#A8F9F2 - #304744 | 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 #A8F9F2 as 0% and #304744 as 100%.

0.0%	0.0% #A8F9F2	RGB 168 249 242	#A8F9F2
16.7%	16.7% #94DBD4	RGB 148 219 212	#94DBD4
33.3%	33.3% #80BDB7	RGB 128 189 183	#80BDB7
50.0%	50.0% #6CA09A	RGB 108 160 154	#6CA09A
66.7%	66.7% #58827D	RGB 88 130 125	#58827D
83.3%	83.3% #446460	RGB 68 100 96	#446460
100.0%	100.0% #304744	RGB 48 71 68	#304744

#A8F9F2 #94DBD4 #80BDB7 #6CA09A #58827D #446460 #304744

#A8F9F2 - #6CA09A - #304744

CSS codes

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

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