#E5E5E6 - #80B2B8 | 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 #E5E5E6 to #80B2B8

#E5E5E6 #80B2B8

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

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

0.0%	0.0% #E5E5E6	RGB 229 229 230	#E5E5E6
16.7%	16.7% #D4DCDE	RGB 212 220 222	#D4DCDE
33.3%	33.3% #C3D4D6	RGB 195 212 214	#C3D4D6
50.0%	50.0% #B2CBCF	RGB 178 203 207	#B2CBCF
66.7%	66.7% #A1C3C7	RGB 161 195 199	#A1C3C7
83.3%	83.3% #90BABF	RGB 144 186 191	#90BABF
100.0%	100.0% #80B2B8	RGB 128 178 184	#80B2B8

#E5E5E6 #D4DCDE #C3D4D6 #B2CBCF #A1C3C7 #90BABF #80B2B8

#E5E5E6 - #80B2B8

HSV Blend

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

0.0%	0.0% #E5E5E6	RGB 229 229 230	#E5E5E6
16.7%	16.7% #D2D4DE	RGB 210 212 222	#D2D4DE
33.3%	33.3% #C0C6D6	RGB 192 198 214	#C0C6D6
50.0%	50.0% #AFBDCF	RGB 175 189 207	#AFBDCF
66.7%	66.7% #9EB6C7	RGB 158 182 199	#9EB6C7
83.3%	83.3% #8EB3BF	RGB 142 179 191	#8EB3BF
100.0%	100.0% #80B2B8	RGB 128 178 184	#80B2B8

#E5E5E6 #D2D4DE #C0C6D6 #AFBDCF #9EB6C7 #8EB3BF #80B2B8

#E5E5E6 - #AFBDCF - #80B2B8

CSS codes

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

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