#A8ABFF - #4B5BD0 | 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 #A8ABFF to #4B5BD0

#A8ABFF #4B5BD0

Calculate the color between two colors, #A8ABFF and #4B5BD0. 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)

#A8ABFF - #4B5BD0 | 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 #A8ABFF as 0% and #4B5BD0 as 100%.

0.0%	0.0% #A8ABFF	RGB 168 171 255	#A8ABFF
16.7%	16.7% #989DF7	RGB 152 157 247	#989DF7
33.3%	33.3% #8990EF	RGB 137 144 239	#8990EF
50.0%	50.0% #7983E7	RGB 121 131 231	#7983E7
66.7%	66.7% #6A75DF	RGB 106 117 223	#6A75DF
83.3%	83.3% #5A68D7	RGB 90 104 215	#5A68D7
100.0%	100.0% #4B5BD0	RGB 75 91 208	#4B5BD0

#A8ABFF #989DF7 #8990EF #7983E7 #6A75DF #5A68D7 #4B5BD0

#A8ABFF - #4B5BD0

HSV Blend

#A8ABFF - #4B5BD0 | 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 #A8ABFF as 0% and #4B5BD0 as 100%.

0.0%	0.0% #A8ABFF	RGB 168 171 255	#A8ABFF
16.7%	16.7% #969BF7	RGB 150 155 247	#969BF7
33.3%	33.3% #858CEF	RGB 133 140 239	#858CEF
50.0%	50.0% #757EE7	RGB 117 126 231	#757EE7
66.7%	66.7% #6671DF	RGB 102 113 223	#6671DF
83.3%	83.3% #5866D7	RGB 88 102 215	#5866D7
100.0%	100.0% #4B5BD0	RGB 75 91 208	#4B5BD0

#A8ABFF #969BF7 #858CEF #757EE7 #6671DF #5866D7 #4B5BD0

#A8ABFF - #757EE7 - #4B5BD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ABFF 0%, #757EE7 50%, #4B5BD0 100%);
    background: -webkit-linear-gradient(top, #A8ABFF 0%, #757EE7 50%, #4B5BD0 100%);
    background: linear-gradient(to bottom, #A8ABFF 0%, #757EE7 50%, #4B5BD0 100%);
}
</style>