#AAA2FF - #282BCE | 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 #AAA2FF to #282BCE

#AAA2FF #282BCE

Calculate the color between two colors, #AAA2FF and #282BCE. 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)

#AAA2FF - #282BCE | 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 #AAA2FF as 0% and #282BCE as 100%.

0.0%	0.0% #AAA2FF	RGB 170 162 255	#AAA2FF
16.7%	16.7% #948EF6	RGB 148 142 246	#948EF6
33.3%	33.3% #7E7AEE	RGB 126 122 238	#7E7AEE
50.0%	50.0% #6966E6	RGB 105 102 230	#6966E6
66.7%	66.7% #5352DE	RGB 83 82 222	#5352DE
83.3%	83.3% #3D3ED6	RGB 61 62 214	#3D3ED6
100.0%	100.0% #282BCE	RGB 40 43 206	#282BCE

#AAA2FF #948EF6 #7E7AEE #6966E6 #5352DE #3D3ED6 #282BCE

#AAA2FF - #282BCE

HSV Blend

#AAA2FF - #282BCE | 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 #AAA2FF as 0% and #282BCE as 100%.

0.0%	0.0% #A9A2FF	RGB 169 162 255	#A9A2FF
16.7%	16.7% #928AF6	RGB 146 138 246	#928AF6
33.3%	33.3% #7A74EE	RGB 122 116 238	#7A74EE
50.0%	50.0% #645FE6	RGB 100 95 230	#645FE6
66.7%	66.7% #4E4BDE	RGB 78 75 222	#4E4BDE
83.3%	83.3% #3939D6	RGB 57 57 214	#3939D6
100.0%	100.0% #282BCE	RGB 40 43 206	#282BCE

#A9A2FF #928AF6 #7A74EE #645FE6 #4E4BDE #3939D6 #282BCE

#AAA2FF - #645FE6 - #282BCE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A9A2FF 0%, #645FE6 50%, #282BCE 100%);
    background: -webkit-linear-gradient(top, #A9A2FF 0%, #645FE6 50%, #282BCE 100%);
    background: linear-gradient(to bottom, #A9A2FF 0%, #645FE6 50%, #282BCE 100%);
}
</style>