#8C5EBA - #AFDFE0 | 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 #8C5EBA to #AFDFE0

#8C5EBA #AFDFE0

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

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

0.0%	0.0% #8C5EBA	RGB 140 94 186	#8C5EBA
16.7%	16.7% #9173C0	RGB 145 115 192	#9173C0
33.3%	33.3% #9789C6	RGB 151 137 198	#9789C6
50.0%	50.0% #9D9ECD	RGB 157 158 205	#9D9ECD
66.7%	66.7% #A3B4D3	RGB 163 180 211	#A3B4D3
83.3%	83.3% #A9C9D9	RGB 169 201 217	#A9C9D9
100.0%	100.0% #AFDFE0	RGB 175 223 224	#AFDFE0

#8C5EBA #9173C0 #9789C6 #9D9ECD #A3B4D3 #A9C9D9 #AFDFE0

#8C5EBA - #AFDFE0

HSV Blend

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

0.0%	0.0% #8C5EBA	RGB 140 94 186	#8C5EBA
16.7%	16.7% #7F6AC0	RGB 127 106 192	#7F6AC0
33.3%	33.3% #7776C6	RGB 119 118 198	#7776C6
50.0%	50.0% #8395CD	RGB 131 149 205	#8395CD
66.7%	66.7% #91B1D3	RGB 145 177 211	#91B1D3
83.3%	83.3% #A0CAD9	RGB 160 202 217	#A0CAD9
100.0%	100.0% #AFDFE0	RGB 175 223 224	#AFDFE0

#8C5EBA #7F6AC0 #7776C6 #8395CD #91B1D3 #A0CAD9 #AFDFE0

#8C5EBA - #8395CD - #AFDFE0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C5EBA 0%, #8395CD 50%, #AFDFE0 100%);
    background: -webkit-linear-gradient(top, #8C5EBA 0%, #8395CD 50%, #AFDFE0 100%);
    background: linear-gradient(to bottom, #8C5EBA 0%, #8395CD 50%, #AFDFE0 100%);
}
</style>