#A8FFE7 - #304842 | 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 #A8FFE7 to #304842

#A8FFE7 #304842

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

#A8FFE7 - #304842 | 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 #A8FFE7 as 0% and #304842 as 100%.

0.0%	0.0% #A8FFE7	RGB 168 255 231	#A8FFE7
16.7%	16.7% #94E0CB	RGB 148 224 203	#94E0CB
33.3%	33.3% #80C2B0	RGB 128 194 176	#80C2B0
50.0%	50.0% #6CA394	RGB 108 163 148	#6CA394
66.7%	66.7% #588479	RGB 88 132 121	#588479
83.3%	83.3% #44665D	RGB 68 102 93	#44665D
100.0%	100.0% #304842	RGB 48 72 66	#304842

#A8FFE7 #94E0CB #80C2B0 #6CA394 #588479 #44665D #304842

#A8FFE7 - #304842

HSV Blend

#A8FFE7 - #304842 | 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 #A8FFE7 as 0% and #304842 as 100%.

0.0%	0.0% #A8FFE7	RGB 168 255 231	#A8FFE7
16.7%	16.7% #94E0CB	RGB 148 224 203	#94E0CB
33.3%	33.3% #80C2B0	RGB 128 194 176	#80C2B0
50.0%	50.0% #6CA395	RGB 108 163 149	#6CA395
66.7%	66.7% #588479	RGB 88 132 121	#588479
83.3%	83.3% #44665D	RGB 68 102 93	#44665D
100.0%	100.0% #304842	RGB 48 72 66	#304842

#A8FFE7 #94E0CB #80C2B0 #6CA395 #588479 #44665D #304842

#A8FFE7 - #6CA395 - #304842

CSS codes

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

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