#A8B2E2 - #4860A8 | 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 #A8B2E2 to #4860A8

#A8B2E2 #4860A8

Calculate the color between two colors, #A8B2E2 and #4860A8. 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)

#A8B2E2 - #4860A8 | 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 #A8B2E2 as 0% and #4860A8 as 100%.

0.0%	0.0% #A8B2E2	RGB 168 178 226	#A8B2E2
16.7%	16.7% #98A4D8	RGB 152 164 216	#98A4D8
33.3%	33.3% #8896CE	RGB 136 150 206	#8896CE
50.0%	50.0% #7889C5	RGB 120 137 197	#7889C5
66.7%	66.7% #687BBB	RGB 104 123 187	#687BBB
83.3%	83.3% #586DB1	RGB 88 109 177	#586DB1
100.0%	100.0% #4860A8	RGB 72 96 168	#4860A8

#A8B2E2 #98A4D8 #8896CE #7889C5 #687BBB #586DB1 #4860A8

#A8B2E2 - #4860A8

HSV Blend

#A8B2E2 - #4860A8 | 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 #A8B2E2 as 0% and #4860A8 as 100%.

0.0%	0.0% #A8B2E2	RGB 168 178 226	#A8B2E2
16.7%	16.7% #95A1D8	RGB 149 161 216	#95A1D8
33.3%	33.3% #8392CE	RGB 131 146 206	#8392CE
50.0%	50.0% #7384C5	RGB 115 132 197	#7384C5
66.7%	66.7% #6377BB	RGB 99 119 187	#6377BB
83.3%	83.3% #556BB1	RGB 85 107 177	#556BB1
100.0%	100.0% #4860A8	RGB 72 96 168	#4860A8

#A8B2E2 #95A1D8 #8392CE #7384C5 #6377BB #556BB1 #4860A8

#A8B2E2 - #7384C5 - #4860A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8B2E2 0%, #7384C5 50%, #4860A8 100%);
    background: -webkit-linear-gradient(top, #A8B2E2 0%, #7384C5 50%, #4860A8 100%);
    background: linear-gradient(to bottom, #A8B2E2 0%, #7384C5 50%, #4860A8 100%);
}
</style>