#A8B5FF - #425CD4 | 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 #A8B5FF to #425CD4

#A8B5FF #425CD4

Calculate the color between two colors, #A8B5FF and #425CD4. 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)

#A8B5FF - #425CD4 | 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 #A8B5FF as 0% and #425CD4 as 100%.

0.0%	0.0% #A8B5FF	RGB 168 181 255	#A8B5FF
16.7%	16.7% #97A6F7	RGB 151 166 247	#97A6F7
33.3%	33.3% #8697F0	RGB 134 151 240	#8697F0
50.0%	50.0% #7588E9	RGB 117 136 233	#7588E9
66.7%	66.7% #6479E2	RGB 100 121 226	#6479E2
83.3%	83.3% #536ADB	RGB 83 106 219	#536ADB
100.0%	100.0% #425CD4	RGB 66 92 212	#425CD4

#A8B5FF #97A6F7 #8697F0 #7588E9 #6479E2 #536ADB #425CD4

#A8B5FF - #425CD4

HSV Blend

#A8B5FF - #425CD4 | 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 #A8B5FF as 0% and #425CD4 as 100%.

0.0%	0.0% #A8B5FF	RGB 168 181 255	#A8B5FF
16.7%	16.7% #94A4F7	RGB 148 164 247	#94A4F7
33.3%	33.3% #8294F0	RGB 130 148 240	#8294F0
50.0%	50.0% #7184E9	RGB 113 132 233	#7184E9
66.7%	66.7% #6076E2	RGB 96 118 226	#6076E2
83.3%	83.3% #5068DB	RGB 80 104 219	#5068DB
100.0%	100.0% #425CD4	RGB 66 92 212	#425CD4

#A8B5FF #94A4F7 #8294F0 #7184E9 #6076E2 #5068DB #425CD4

#A8B5FF - #7184E9 - #425CD4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8B5FF 0%, #7184E9 50%, #425CD4 100%);
    background: -webkit-linear-gradient(top, #A8B5FF 0%, #7184E9 50%, #425CD4 100%);
    background: linear-gradient(to bottom, #A8B5FF 0%, #7184E9 50%, #425CD4 100%);
}
</style>