#E5E5E6 - #8084B8 | 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 #8084B8

#E5E5E6 #8084B8

Calculate the color between two colors, #E5E5E6 and #8084B8. 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 - #8084B8 | 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 #8084B8 as 100%.

0.0%	0.0% #E5E5E6	RGB 229 229 230	#E5E5E6
16.7%	16.7% #D4D4DE	RGB 212 212 222	#D4D4DE
33.3%	33.3% #C3C4D6	RGB 195 196 214	#C3C4D6
50.0%	50.0% #B2B4CF	RGB 178 180 207	#B2B4CF
66.7%	66.7% #A1A4C7	RGB 161 164 199	#A1A4C7
83.3%	83.3% #9094BF	RGB 144 148 191	#9094BF
100.0%	100.0% #8084B8	RGB 128 132 184	#8084B8

#E5E5E6 #D4D4DE #C3C4D6 #B2B4CF #A1A4C7 #9094BF #8084B8

#E5E5E6 - #8084B8

HSV Blend

#E5E5E6 - #8084B8 | 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 #8084B8 as 100%.

0.0%	0.0% #E5E5E6	RGB 229 229 230	#E5E5E6
16.7%	16.7% #D2D2DE	RGB 210 210 222	#D2D2DE
33.3%	33.3% #C0C0D6	RGB 192 192 214	#C0C0D6
50.0%	50.0% #AFB0CF	RGB 175 176 207	#AFB0CF
66.7%	66.7% #9EA0C7	RGB 158 160 199	#9EA0C7
83.3%	83.3% #8E91BF	RGB 142 145 191	#8E91BF
100.0%	100.0% #8084B8	RGB 128 132 184	#8084B8

#E5E5E6 #D2D2DE #C0C0D6 #AFB0CF #9EA0C7 #8E91BF #8084B8

#E5E5E6 - #AFB0CF - #8084B8

CSS codes

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

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