#9C7EFF - #A2D4FF | 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 #9C7EFF to #A2D4FF

#9C7EFF #A2D4FF

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

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

0.0%	0.0% #9C7EFF	RGB 156 126 255	#9C7EFF
16.7%	16.7% #9D8CFF	RGB 157 140 255	#9D8CFF
33.3%	33.3% #9E9AFF	RGB 158 154 255	#9E9AFF
50.0%	50.0% #9FA9FF	RGB 159 169 255	#9FA9FF
66.7%	66.7% #A0B7FF	RGB 160 183 255	#A0B7FF
83.3%	83.3% #A1C5FF	RGB 161 197 255	#A1C5FF
100.0%	100.0% #A2D4FF	RGB 162 212 255	#A2D4FF

#9C7EFF #9D8CFF #9E9AFF #9FA9FF #A0B7FF #A1C5FF #A2D4FF

#9C7EFF - #A2D4FF

HSV Blend

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

0.0%	0.0% #9B7EFF	RGB 155 126 255	#9B7EFF
16.7%	16.7% #9084FF	RGB 144 132 255	#9084FF
33.3%	33.3% #8A8CFF	RGB 138 140 255	#8A8CFF
50.0%	50.0% #90A0FF	RGB 144 160 255	#90A0FF
66.7%	66.7% #96B3FF	RGB 150 179 255	#96B3FF
83.3%	83.3% #9CC4FF	RGB 156 196 255	#9CC4FF
100.0%	100.0% #A2D4FF	RGB 162 212 255	#A2D4FF

#9B7EFF #9084FF #8A8CFF #90A0FF #96B3FF #9CC4FF #A2D4FF

#9C7EFF - #90A0FF - #A2D4FF

CSS codes

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

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