#A078FF - #96A0FF | 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 #A078FF to #96A0FF

#A078FF #96A0FF

Calculate the color between two colors, #A078FF and #96A0FF. 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)

#A078FF - #96A0FF | 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 #A078FF as 0% and #96A0FF as 100%.

0.0%	0.0% #A078FF	RGB 160 120 255	#A078FF
16.7%	16.7% #9E7EFF	RGB 158 126 255	#9E7EFF
33.3%	33.3% #9C85FF	RGB 156 133 255	#9C85FF
50.0%	50.0% #9B8CFF	RGB 155 140 255	#9B8CFF
66.7%	66.7% #9992FF	RGB 153 146 255	#9992FF
83.3%	83.3% #9799FF	RGB 151 153 255	#9799FF
100.0%	100.0% #96A0FF	RGB 150 160 255	#96A0FF

#A078FF #9E7EFF #9C85FF #9B8CFF #9992FF #9799FF #96A0FF

#A078FF - #96A0FF

HSV Blend

#A078FF - #96A0FF | 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 #A078FF as 0% and #96A0FF as 100%.

0.0%	0.0% #9F78FF	RGB 159 120 255	#9F78FF
16.7%	16.7% #9B7DFF	RGB 155 125 255	#9B7DFF
33.3%	33.3% #9682FF	RGB 150 130 255	#9682FF
50.0%	50.0% #9387FF	RGB 147 135 255	#9387FF
66.7%	66.7% #908CFF	RGB 144 140 255	#908CFF
83.3%	83.3% #9194FF	RGB 145 148 255	#9194FF
100.0%	100.0% #96A0FF	RGB 150 160 255	#96A0FF

#9F78FF #9B7DFF #9682FF #9387FF #908CFF #9194FF #96A0FF

#A078FF - #9387FF - #96A0FF

CSS codes

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

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