#80EBE2 - #A8F0CF | 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 #80EBE2 to #A8F0CF

#80EBE2 #A8F0CF

Calculate the color between two colors, #80EBE2 and #A8F0CF. 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)

#80EBE2 - #A8F0CF | 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 #80EBE2 as 0% and #A8F0CF as 100%.

0.0%	0.0% #80EBE2	RGB 128 235 226	#80EBE2
16.7%	16.7% #86EBDE	RGB 134 235 222	#86EBDE
33.3%	33.3% #8DECDB	RGB 141 236 219	#8DECDB
50.0%	50.0% #94EDD8	RGB 148 237 216	#94EDD8
66.7%	66.7% #9AEED5	RGB 154 238 213	#9AEED5
83.3%	83.3% #A1EFD2	RGB 161 239 210	#A1EFD2
100.0%	100.0% #A8F0CF	RGB 168 240 207	#A8F0CF

#80EBE2 #86EBDE #8DECDB #94EDD8 #9AEED5 #A1EFD2 #A8F0CF

#80EBE2 - #A8F0CF

HSV Blend

#80EBE2 - #A8F0CF | 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 #80EBE2 as 0% and #A8F0CF as 100%.

0.0%	0.0% #80EBE2	RGB 128 235 226	#80EBE2
16.7%	16.7% #86EBDC	RGB 134 235 220	#86EBDC
33.3%	33.3% #8DECD8	RGB 141 236 216	#8DECD8
50.0%	50.0% #93EDD5	RGB 147 237 213	#93EDD5
66.7%	66.7% #9AEED2	RGB 154 238 210	#9AEED2
83.3%	83.3% #A1EFD0	RGB 161 239 208	#A1EFD0
100.0%	100.0% #A8F0CF	RGB 168 240 207	#A8F0CF

#80EBE2 #86EBDC #8DECD8 #93EDD5 #9AEED2 #A1EFD0 #A8F0CF

#80EBE2 - #93EDD5 - #A8F0CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #80EBE2 0%, #93EDD5 50%, #A8F0CF 100%);
    background: -webkit-linear-gradient(top, #80EBE2 0%, #93EDD5 50%, #A8F0CF 100%);
    background: linear-gradient(to bottom, #80EBE2 0%, #93EDD5 50%, #A8F0CF 100%);
}
</style>