#A36BFF - #A1A8FF | 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 #A36BFF to #A1A8FF

#A36BFF #A1A8FF

Calculate the color between two colors, #A36BFF and #A1A8FF. 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)

#A36BFF - #A1A8FF | 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 #A36BFF as 0% and #A1A8FF as 100%.

0.0%	0.0% #A36BFF	RGB 163 107 255	#A36BFF
16.7%	16.7% #A275FF	RGB 162 117 255	#A275FF
33.3%	33.3% #A27FFF	RGB 162 127 255	#A27FFF
50.0%	50.0% #A289FF	RGB 162 137 255	#A289FF
66.7%	66.7% #A193FF	RGB 161 147 255	#A193FF
83.3%	83.3% #A19DFF	RGB 161 157 255	#A19DFF
100.0%	100.0% #A1A8FF	RGB 161 168 255	#A1A8FF

#A36BFF #A275FF #A27FFF #A289FF #A193FF #A19DFF #A1A8FF

#A36BFF - #A1A8FF

HSV Blend

#A36BFF - #A1A8FF | 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 #A36BFF as 0% and #A1A8FF as 100%.

0.0%	0.0% #A26BFF	RGB 162 107 255	#A26BFF
16.7%	16.7% #9E74FF	RGB 158 116 255	#9E74FF
33.3%	33.3% #9A7DFF	RGB 154 125 255	#9A7DFF
50.0%	50.0% #9886FF	RGB 152 134 255	#9886FF
66.7%	66.7% #978FFF	RGB 151 143 255	#978FFF
83.3%	83.3% #9898FF	RGB 152 152 255	#9898FF
100.0%	100.0% #A1A8FF	RGB 161 168 255	#A1A8FF

#A26BFF #9E74FF #9A7DFF #9886FF #978FFF #9898FF #A1A8FF

#A36BFF - #9886FF - #A1A8FF

CSS codes

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

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