#9F80EB - #A8ACF0 | 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 #9F80EB to #A8ACF0

#9F80EB #A8ACF0

Calculate the color between two colors, #9F80EB and #A8ACF0. 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)

#9F80EB - #A8ACF0 | 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 #9F80EB as 0% and #A8ACF0 as 100%.

0.0%	0.0% #9F80EB	RGB 159 128 235	#9F80EB
16.7%	16.7% #A087EB	RGB 160 135 235	#A087EB
33.3%	33.3% #A28EEC	RGB 162 142 236	#A28EEC
50.0%	50.0% #A396ED	RGB 163 150 237	#A396ED
66.7%	66.7% #A59DEE	RGB 165 157 238	#A59DEE
83.3%	83.3% #A6A4EF	RGB 166 164 239	#A6A4EF
100.0%	100.0% #A8ACF0	RGB 168 172 240	#A8ACF0

#9F80EB #A087EB #A28EEC #A396ED #A59DEE #A6A4EF #A8ACF0

#9F80EB - #A8ACF0

HSV Blend

#9F80EB - #A8ACF0 | 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 #9F80EB as 0% and #A8ACF0 as 100%.

0.0%	0.0% #9E80EB	RGB 158 128 235	#9E80EB
16.7%	16.7% #9E86EB	RGB 158 134 235	#9E86EB
33.3%	33.3% #9D8DEC	RGB 157 141 236	#9D8DEC
50.0%	50.0% #9E93ED	RGB 158 147 237	#9E93ED
66.7%	66.7% #9F9AEE	RGB 159 154 238	#9F9AEE
83.3%	83.3% #A1A1EF	RGB 161 161 239	#A1A1EF
100.0%	100.0% #A8ACF0	RGB 168 172 240	#A8ACF0

#9E80EB #9E86EB #9D8DEC #9E93ED #9F9AEE #A1A1EF #A8ACF0

#9F80EB - #9E93ED - #A8ACF0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9E80EB 0%, #9E93ED 50%, #A8ACF0 100%);
    background: -webkit-linear-gradient(top, #9E80EB 0%, #9E93ED 50%, #A8ACF0 100%);
    background: linear-gradient(to bottom, #9E80EB 0%, #9E93ED 50%, #A8ACF0 100%);
}
</style>