#A9A8EC - #613DB1 | 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 #A9A8EC to #613DB1

#A9A8EC #613DB1

Calculate the color between two colors, #A9A8EC and #613DB1. 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)

#A9A8EC - #613DB1 | 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 #A9A8EC as 0% and #613DB1 as 100%.

0.0%	0.0% #A9A8EC	RGB 169 168 236	#A9A8EC
16.7%	16.7% #9D96E2	RGB 157 150 226	#9D96E2
33.3%	33.3% #9184D8	RGB 145 132 216	#9184D8
50.0%	50.0% #8572CE	RGB 133 114 206	#8572CE
66.7%	66.7% #7960C4	RGB 121 96 196	#7960C4
83.3%	83.3% #6D4EBA	RGB 109 78 186	#6D4EBA
100.0%	100.0% #613DB1	RGB 97 61 177	#613DB1

#A9A8EC #9D96E2 #9184D8 #8572CE #7960C4 #6D4EBA #613DB1

#A9A8EC - #613DB1

HSV Blend

#A9A8EC - #613DB1 | 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 #A9A8EC as 0% and #613DB1 as 100%.

0.0%	0.0% #A9A8EC	RGB 169 168 236	#A9A8EC
16.7%	16.7% #9893E2	RGB 152 147 226	#9893E2
33.3%	33.3% #897FD8	RGB 137 127 216	#897FD8
50.0%	50.0% #7C6DCE	RGB 124 109 206	#7C6DCE
66.7%	66.7% #725BC4	RGB 114 91 196	#725BC4
83.3%	83.3% #684BBA	RGB 104 75 186	#684BBA
100.0%	100.0% #613DB1	RGB 97 61 177	#613DB1

#A9A8EC #9893E2 #897FD8 #7C6DCE #725BC4 #684BBA #613DB1

#A9A8EC - #7C6DCE - #613DB1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A9A8EC 0%, #7C6DCE 50%, #613DB1 100%);
    background: -webkit-linear-gradient(top, #A9A8EC 0%, #7C6DCE 50%, #613DB1 100%);
    background: linear-gradient(to bottom, #A9A8EC 0%, #7C6DCE 50%, #613DB1 100%);
}
</style>