#A16FDC - #8EC9FF | 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 #A16FDC to #8EC9FF

#A16FDC #8EC9FF

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

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

0.0%	0.0% #A16FDC	RGB 161 111 220	#A16FDC
16.7%	16.7% #9D7EE1	RGB 157 126 225	#9D7EE1
33.3%	33.3% #9A8DE7	RGB 154 141 231	#9A8DE7
50.0%	50.0% #979CED	RGB 151 156 237	#979CED
66.7%	66.7% #94ABF3	RGB 148 171 243	#94ABF3
83.3%	83.3% #91BAF9	RGB 145 186 249	#91BAF9
100.0%	100.0% #8EC9FF	RGB 142 201 255	#8EC9FF

#A16FDC #9D7EE1 #9A8DE7 #979CED #94ABF3 #91BAF9 #8EC9FF

#A16FDC - #8EC9FF

HSV Blend

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

0.0%	0.0% #A06FDC	RGB 160 111 220	#A06FDC
16.7%	16.7% #9473E1	RGB 148 115 225	#9473E1
33.3%	33.3% #8778E7	RGB 135 120 231	#8778E7
50.0%	50.0% #7E81ED	RGB 126 129 237	#7E81ED
66.7%	66.7% #8399F3	RGB 131 153 243	#8399F3
83.3%	83.3% #88B0F9	RGB 136 176 249	#88B0F9
100.0%	100.0% #8EC9FF	RGB 142 201 255	#8EC9FF

#A06FDC #9473E1 #8778E7 #7E81ED #8399F3 #88B0F9 #8EC9FF

#A16FDC - #7E81ED - #8EC9FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A06FDC 0%, #7E81ED 50%, #8EC9FF 100%);
    background: -webkit-linear-gradient(top, #A06FDC 0%, #7E81ED 50%, #8EC9FF 100%);
    background: linear-gradient(to bottom, #A06FDC 0%, #7E81ED 50%, #8EC9FF 100%);
}
</style>