#7EBABA - #A1D2FD | 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 #7EBABA to #A1D2FD

#7EBABA #A1D2FD

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

#7EBABA - #A1D2FD | 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 #7EBABA as 0% and #A1D2FD as 100%.

0.0%	0.0% #7EBABA	RGB 126 186 186	#7EBABA
16.7%	16.7% #83BEC5	RGB 131 190 197	#83BEC5
33.3%	33.3% #89C2D0	RGB 137 194 208	#89C2D0
50.0%	50.0% #8FC6DB	RGB 143 198 219	#8FC6DB
66.7%	66.7% #95CAE6	RGB 149 202 230	#95CAE6
83.3%	83.3% #9BCEF1	RGB 155 206 241	#9BCEF1
100.0%	100.0% #A1D2FD	RGB 161 210 253	#A1D2FD

#7EBABA #83BEC5 #89C2D0 #8FC6DB #95CAE6 #9BCEF1 #A1D2FD

#7EBABA - #A1D2FD

HSV Blend

#7EBABA - #A1D2FD | 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 #7EBABA as 0% and #A1D2FD as 100%.

0.0%	0.0% #7EBABA	RGB 126 186 186	#7EBABA
16.7%	16.7% #84C0C5	RGB 132 192 197	#84C0C5
33.3%	33.3% #8AC5D0	RGB 138 197 208	#8AC5D0
50.0%	50.0% #90C9DB	RGB 144 201 219	#90C9DB
66.7%	66.7% #95CDE6	RGB 149 205 230	#95CDE6
83.3%	83.3% #9BD0F1	RGB 155 208 241	#9BD0F1
100.0%	100.0% #A1D2FD	RGB 161 210 253	#A1D2FD

#7EBABA #84C0C5 #8AC5D0 #90C9DB #95CDE6 #9BD0F1 #A1D2FD

#7EBABA - #90C9DB - #A1D2FD

CSS codes

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

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