#A8B8EB - #4865B5 | 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 #A8B8EB to #4865B5

#A8B8EB #4865B5

Calculate the color between two colors, #A8B8EB and #4865B5. 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)

#A8B8EB - #4865B5 | 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 #A8B8EB as 0% and #4865B5 as 100%.

0.0%	0.0% #A8B8EB	RGB 168 184 235	#A8B8EB
16.7%	16.7% #98AAE2	RGB 152 170 226	#98AAE2
33.3%	33.3% #889CD9	RGB 136 156 217	#889CD9
50.0%	50.0% #788ED0	RGB 120 142 208	#788ED0
66.7%	66.7% #6880C7	RGB 104 128 199	#6880C7
83.3%	83.3% #5872BE	RGB 88 114 190	#5872BE
100.0%	100.0% #4865B5	RGB 72 101 181	#4865B5

#A8B8EB #98AAE2 #889CD9 #788ED0 #6880C7 #5872BE #4865B5

#A8B8EB - #4865B5

HSV Blend

#A8B8EB - #4865B5 | 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 #A8B8EB as 0% and #4865B5 as 100%.

0.0%	0.0% #A8B8EB	RGB 168 184 235	#A8B8EB
16.7%	16.7% #95A8E2	RGB 149 168 226	#95A8E2
33.3%	33.3% #8499D9	RGB 132 153 217	#8499D9
50.0%	50.0% #738BD0	RGB 115 139 208	#738BD0
66.7%	66.7% #647DC7	RGB 100 125 199	#647DC7
83.3%	83.3% #5570BE	RGB 85 112 190	#5570BE
100.0%	100.0% #4865B5	RGB 72 101 181	#4865B5

#A8B8EB #95A8E2 #8499D9 #738BD0 #647DC7 #5570BE #4865B5

#A8B8EB - #738BD0 - #4865B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8B8EB 0%, #738BD0 50%, #4865B5 100%);
    background: -webkit-linear-gradient(top, #A8B8EB 0%, #738BD0 50%, #4865B5 100%);
    background: linear-gradient(to bottom, #A8B8EB 0%, #738BD0 50%, #4865B5 100%);
}
</style>