#A9C5E6 - #4E75B0 | 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 #A9C5E6 to #4E75B0

#A9C5E6 #4E75B0

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

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

0.0%	0.0% #A9C5E6	RGB 169 197 230	#A9C5E6
16.7%	16.7% #99B7DD	RGB 153 183 221	#99B7DD
33.3%	33.3% #8AAAD4	RGB 138 170 212	#8AAAD4
50.0%	50.0% #7B9DCB	RGB 123 157 203	#7B9DCB
66.7%	66.7% #6C8FC2	RGB 108 143 194	#6C8FC2
83.3%	83.3% #5D82B9	RGB 93 130 185	#5D82B9
100.0%	100.0% #4E75B0	RGB 78 117 176	#4E75B0

#A9C5E6 #99B7DD #8AAAD4 #7B9DCB #6C8FC2 #5D82B9 #4E75B0

#A9C5E6 - #4E75B0

HSV Blend

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

0.0%	0.0% #A9C5E6	RGB 169 197 230	#A9C5E6
16.7%	16.7% #97B6DD	RGB 151 182 221	#97B6DD
33.3%	33.3% #87A8D4	RGB 135 168 212	#87A8D4
50.0%	50.0% #779BCB	RGB 119 155 203	#779BCB
66.7%	66.7% #688EC2	RGB 104 142 194	#688EC2
83.3%	83.3% #5A81B9	RGB 90 129 185	#5A81B9
100.0%	100.0% #4E75B0	RGB 78 117 176	#4E75B0

#A9C5E6 #97B6DD #87A8D4 #779BCB #688EC2 #5A81B9 #4E75B0

#A9C5E6 - #779BCB - #4E75B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A9C5E6 0%, #779BCB 50%, #4E75B0 100%);
    background: -webkit-linear-gradient(top, #A9C5E6 0%, #779BCB 50%, #4E75B0 100%);
    background: linear-gradient(to bottom, #A9C5E6 0%, #779BCB 50%, #4E75B0 100%);
}
</style>