#7EBAA8 - #A1EDFD | 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 #7EBAA8 to #A1EDFD

#7EBAA8 #A1EDFD

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

#7EBAA8 - #A1EDFD | 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 #7EBAA8 as 0% and #A1EDFD as 100%.

0.0%	0.0% #7EBAA8	RGB 126 186 168	#7EBAA8
16.7%	16.7% #83C2B6	RGB 131 194 182	#83C2B6
33.3%	33.3% #89CBC4	RGB 137 203 196	#89CBC4
50.0%	50.0% #8FD3D2	RGB 143 211 210	#8FD3D2
66.7%	66.7% #95DCE0	RGB 149 220 224	#95DCE0
83.3%	83.3% #9BE4EE	RGB 155 228 238	#9BE4EE
100.0%	100.0% #A1EDFD	RGB 161 237 253	#A1EDFD

#7EBAA8 #83C2B6 #89CBC4 #8FD3D2 #95DCE0 #9BE4EE #A1EDFD

#7EBAA8 - #A1EDFD

HSV Blend

#7EBAA8 - #A1EDFD | 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 #7EBAA8 as 0% and #A1EDFD as 100%.

0.0%	0.0% #7EBAA8	RGB 126 186 168	#7EBAA8
16.7%	16.7% #84C5B6	RGB 132 197 182	#84C5B6
33.3%	33.3% #8AD0C6	RGB 138 208 198	#8AD0C6
50.0%	50.0% #90DBD6	RGB 144 219 214	#90DBD6
66.7%	66.7% #95E5E6	RGB 149 229 230	#95E5E6
83.3%	83.3% #9BE9F1	RGB 155 233 241	#9BE9F1
100.0%	100.0% #A1EDFD	RGB 161 237 253	#A1EDFD

#7EBAA8 #84C5B6 #8AD0C6 #90DBD6 #95E5E6 #9BE9F1 #A1EDFD

#7EBAA8 - #90DBD6 - #A1EDFD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7EBAA8 0%, #90DBD6 50%, #A1EDFD 100%);
    background: -webkit-linear-gradient(top, #7EBAA8 0%, #90DBD6 50%, #A1EDFD 100%);
    background: linear-gradient(to bottom, #7EBAA8 0%, #90DBD6 50%, #A1EDFD 100%);
}
</style>