#8E7EB1 - #A8D9CE | 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 #8E7EB1 to #A8D9CE

#8E7EB1 #A8D9CE

Calculate the color between two colors, #8E7EB1 and #A8D9CE. 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)

#8E7EB1 - #A8D9CE | 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 #8E7EB1 as 0% and #A8D9CE as 100%.

0.0%	0.0% #8E7EB1	RGB 142 126 177	#8E7EB1
16.7%	16.7% #928DB5	RGB 146 141 181	#928DB5
33.3%	33.3% #969CBA	RGB 150 156 186	#969CBA
50.0%	50.0% #9BABBF	RGB 155 171 191	#9BABBF
66.7%	66.7% #9FBAC4	RGB 159 186 196	#9FBAC4
83.3%	83.3% #A3C9C9	RGB 163 201 201	#A3C9C9
100.0%	100.0% #A8D9CE	RGB 168 217 206	#A8D9CE

#8E7EB1 #928DB5 #969CBA #9BABBF #9FBAC4 #A3C9C9 #A8D9CE

#8E7EB1 - #A8D9CE

HSV Blend

#8E7EB1 - #A8D9CE | 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 #8E7EB1 as 0% and #A8D9CE as 100%.

0.0%	0.0% #8E7EB1	RGB 142 126 177	#8E7EB1
16.7%	16.7% #8784B7	RGB 135 132 183	#8784B7
33.3%	33.3% #8B95BE	RGB 139 149 190	#8B95BE
50.0%	50.0% #92A9C5	RGB 146 169 197	#92A9C5
66.7%	66.7% #99BDCB	RGB 153 189 203	#99BDCB
83.3%	83.3% #A0D0D2	RGB 160 208 210	#A0D0D2
100.0%	100.0% #A8D9CE	RGB 168 217 206	#A8D9CE

#8E7EB1 #8784B7 #8B95BE #92A9C5 #99BDCB #A0D0D2 #A8D9CE

#8E7EB1 - #92A9C5 - #A8D9CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8E7EB1 0%, #92A9C5 50%, #A8D9CE 100%);
    background: -webkit-linear-gradient(top, #8E7EB1 0%, #92A9C5 50%, #A8D9CE 100%);
    background: linear-gradient(to bottom, #8E7EB1 0%, #92A9C5 50%, #A8D9CE 100%);
}
</style>