#A079FF - #97A2FF | 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 #A079FF to #97A2FF

#A079FF #97A2FF

Calculate the color between two colors, #A079FF and #97A2FF. 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)

#A079FF - #97A2FF | 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 #A079FF as 0% and #97A2FF as 100%.

0.0%	0.0% #A079FF	RGB 160 121 255	#A079FF
16.7%	16.7% #9E7FFF	RGB 158 127 255	#9E7FFF
33.3%	33.3% #9D86FF	RGB 157 134 255	#9D86FF
50.0%	50.0% #9B8DFF	RGB 155 141 255	#9B8DFF
66.7%	66.7% #9A94FF	RGB 154 148 255	#9A94FF
83.3%	83.3% #989BFF	RGB 152 155 255	#989BFF
100.0%	100.0% #97A2FF	RGB 151 162 255	#97A2FF

#A079FF #9E7FFF #9D86FF #9B8DFF #9A94FF #989BFF #97A2FF

#A079FF - #97A2FF

HSV Blend

#A079FF - #97A2FF | 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 #A079FF as 0% and #97A2FF as 100%.

0.0%	0.0% #A079FF	RGB 160 121 255	#A079FF
16.7%	16.7% #9B7EFF	RGB 155 126 255	#9B7EFF
33.3%	33.3% #9683FF	RGB 150 131 255	#9683FF
50.0%	50.0% #9388FF	RGB 147 136 255	#9388FF
66.7%	66.7% #908DFF	RGB 144 141 255	#908DFF
83.3%	83.3% #9296FF	RGB 146 150 255	#9296FF
100.0%	100.0% #97A2FF	RGB 151 162 255	#97A2FF

#A079FF #9B7EFF #9683FF #9388FF #908DFF #9296FF #97A2FF

#A079FF - #9388FF - #97A2FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A079FF 0%, #9388FF 50%, #97A2FF 100%);
    background: -webkit-linear-gradient(top, #A079FF 0%, #9388FF 50%, #97A2FF 100%);
    background: linear-gradient(to bottom, #A079FF 0%, #9388FF 50%, #97A2FF 100%);
}
</style>