#A8C5E6 - #4D75B0 | 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 #A8C5E6 to #4D75B0

#A8C5E6 #4D75B0

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

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

0.0%	0.0% #A8C5E6	RGB 168 197 230	#A8C5E6
16.7%	16.7% #98B7DD	RGB 152 183 221	#98B7DD
33.3%	33.3% #89AAD4	RGB 137 170 212	#89AAD4
50.0%	50.0% #7A9DCB	RGB 122 157 203	#7A9DCB
66.7%	66.7% #6B8FC2	RGB 107 143 194	#6B8FC2
83.3%	83.3% #5C82B9	RGB 92 130 185	#5C82B9
100.0%	100.0% #4D75B0	RGB 77 117 176	#4D75B0

#A8C5E6 #98B7DD #89AAD4 #7A9DCB #6B8FC2 #5C82B9 #4D75B0

#A8C5E6 - #4D75B0

HSV Blend

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

0.0%	0.0% #A8C5E6	RGB 168 197 230	#A8C5E6
16.7%	16.7% #96B6DD	RGB 150 182 221	#96B6DD
33.3%	33.3% #86A8D4	RGB 134 168 212	#86A8D4
50.0%	50.0% #769BCB	RGB 118 155 203	#769BCB
66.7%	66.7% #678EC2	RGB 103 142 194	#678EC2
83.3%	83.3% #5981B9	RGB 89 129 185	#5981B9
100.0%	100.0% #4D75B0	RGB 77 117 176	#4D75B0

#A8C5E6 #96B6DD #86A8D4 #769BCB #678EC2 #5981B9 #4D75B0

#A8C5E6 - #769BCB - #4D75B0

CSS codes

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

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