#A8ACF9 - #4152C9 | 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 #A8ACF9 to #4152C9

#A8ACF9 #4152C9

Calculate the color between two colors, #A8ACF9 and #4152C9. 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)

#A8ACF9 - #4152C9 | 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 #A8ACF9 as 0% and #4152C9 as 100%.

0.0%	0.0% #A8ACF9	RGB 168 172 249	#A8ACF9
16.7%	16.7% #969DF1	RGB 150 157 241	#969DF1
33.3%	33.3% #858EE9	RGB 133 142 233	#858EE9
50.0%	50.0% #747FE1	RGB 116 127 225	#747FE1
66.7%	66.7% #6370D9	RGB 99 112 217	#6370D9
83.3%	83.3% #5261D1	RGB 82 97 209	#5261D1
100.0%	100.0% #4152C9	RGB 65 82 201	#4152C9

#A8ACF9 #969DF1 #858EE9 #747FE1 #6370D9 #5261D1 #4152C9

#A8ACF9 - #4152C9

HSV Blend

#A8ACF9 - #4152C9 | 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 #A8ACF9 as 0% and #4152C9 as 100%.

0.0%	0.0% #A8ABF9	RGB 168 171 249	#A8ABF9
16.7%	16.7% #949AF1	RGB 148 154 241	#949AF1
33.3%	33.3% #8189E9	RGB 129 137 233	#8189E9
50.0%	50.0% #707AE1	RGB 112 122 225	#707AE1
66.7%	66.7% #5F6BD9	RGB 95 107 217	#5F6BD9
83.3%	83.3% #4F5ED1	RGB 79 94 209	#4F5ED1
100.0%	100.0% #4152C9	RGB 65 82 201	#4152C9

#A8ABF9 #949AF1 #8189E9 #707AE1 #5F6BD9 #4F5ED1 #4152C9

#A8ACF9 - #707AE1 - #4152C9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ABF9 0%, #707AE1 50%, #4152C9 100%);
    background: -webkit-linear-gradient(top, #A8ABF9 0%, #707AE1 50%, #4152C9 100%);
    background: linear-gradient(to bottom, #A8ABF9 0%, #707AE1 50%, #4152C9 100%);
}
</style>