#A8B7E9 - #4B69B8 | 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 #A8B7E9 to #4B69B8

#A8B7E9 #4B69B8

Calculate the color between two colors, #A8B7E9 and #4B69B8. 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)

#A8B7E9 - #4B69B8 | 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 #A8B7E9 as 0% and #4B69B8 as 100%.

0.0%	0.0% #A8B7E9	RGB 168 183 233	#A8B7E9
16.7%	16.7% #98AAE0	RGB 152 170 224	#98AAE0
33.3%	33.3% #899DD8	RGB 137 157 216	#899DD8
50.0%	50.0% #7990D0	RGB 121 144 208	#7990D0
66.7%	66.7% #6A83C8	RGB 106 131 200	#6A83C8
83.3%	83.3% #5A76C0	RGB 90 118 192	#5A76C0
100.0%	100.0% #4B69B8	RGB 75 105 184	#4B69B8

#A8B7E9 #98AAE0 #899DD8 #7990D0 #6A83C8 #5A76C0 #4B69B8

#A8B7E9 - #4B69B8

HSV Blend

#A8B7E9 - #4B69B8 | 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 #A8B7E9 as 0% and #4B69B8 as 100%.

0.0%	0.0% #A8B7E9	RGB 168 183 233	#A8B7E9
16.7%	16.7% #96A8E0	RGB 150 168 224	#96A8E0
33.3%	33.3% #8599D8	RGB 133 153 216	#8599D8
50.0%	50.0% #758CD0	RGB 117 140 208	#758CD0
66.7%	66.7% #6680C8	RGB 102 128 200	#6680C8
83.3%	83.3% #5874C0	RGB 88 116 192	#5874C0
100.0%	100.0% #4B69B8	RGB 75 105 184	#4B69B8

#A8B7E9 #96A8E0 #8599D8 #758CD0 #6680C8 #5874C0 #4B69B8

#A8B7E9 - #758CD0 - #4B69B8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8B7E9 0%, #758CD0 50%, #4B69B8 100%);
    background: -webkit-linear-gradient(top, #A8B7E9 0%, #758CD0 50%, #4B69B8 100%);
    background: linear-gradient(to bottom, #A8B7E9 0%, #758CD0 50%, #4B69B8 100%);
}
</style>