#A7A8F2 - #4150BE | 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 #A7A8F2 to #4150BE

#A7A8F2 #4150BE

Calculate the color between two colors, #A7A8F2 and #4150BE. 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)

#A7A8F2 - #4150BE | 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 #A7A8F2 as 0% and #4150BE as 100%.

0.0%	0.0% #A7A8F2	RGB 167 168 242	#A7A8F2
16.7%	16.7% #9699E9	RGB 150 153 233	#9699E9
33.3%	33.3% #858AE0	RGB 133 138 224	#858AE0
50.0%	50.0% #747CD8	RGB 116 124 216	#747CD8
66.7%	66.7% #636DCF	RGB 99 109 207	#636DCF
83.3%	83.3% #525EC6	RGB 82 94 198	#525EC6
100.0%	100.0% #4150BE	RGB 65 80 190	#4150BE

#A7A8F2 #9699E9 #858AE0 #747CD8 #636DCF #525EC6 #4150BE

#A7A8F2 - #4150BE

HSV Blend

#A7A8F2 - #4150BE | 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 #A7A8F2 as 0% and #4150BE as 100%.

0.0%	0.0% #A7A8F2	RGB 167 168 242	#A7A8F2
16.7%	16.7% #9396E9	RGB 147 150 233	#9396E9
33.3%	33.3% #8085E0	RGB 128 133 224	#8085E0
50.0%	50.0% #6F76D8	RGB 111 118 216	#6F76D8
66.7%	66.7% #5E68CF	RGB 94 104 207	#5E68CF
83.3%	83.3% #4F5BC6	RGB 79 91 198	#4F5BC6
100.0%	100.0% #4150BE	RGB 65 80 190	#4150BE

#A7A8F2 #9396E9 #8085E0 #6F76D8 #5E68CF #4F5BC6 #4150BE

#A7A8F2 - #6F76D8 - #4150BE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A7A8F2 0%, #6F76D8 50%, #4150BE 100%);
    background: -webkit-linear-gradient(top, #A7A8F2 0%, #6F76D8 50%, #4150BE 100%);
    background: linear-gradient(to bottom, #A7A8F2 0%, #6F76D8 50%, #4150BE 100%);
}
</style>