#A8C0E1 - #4D70A8 | 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 #A8C0E1 to #4D70A8

#A8C0E1 #4D70A8

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

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

0.0%	0.0% #A8C0E1	RGB 168 192 225	#A8C0E1
16.7%	16.7% #98B2D7	RGB 152 178 215	#98B2D7
33.3%	33.3% #89A5CE	RGB 137 165 206	#89A5CE
50.0%	50.0% #7A98C4	RGB 122 152 196	#7A98C4
66.7%	66.7% #6B8ABB	RGB 107 138 187	#6B8ABB
83.3%	83.3% #5C7DB1	RGB 92 125 177	#5C7DB1
100.0%	100.0% #4D70A8	RGB 77 112 168	#4D70A8

#A8C0E1 #98B2D7 #89A5CE #7A98C4 #6B8ABB #5C7DB1 #4D70A8

#A8C0E1 - #4D70A8

HSV Blend

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

0.0%	0.0% #A8C0E1	RGB 168 192 225	#A8C0E1
16.7%	16.7% #96B1D7	RGB 150 177 215	#96B1D7
33.3%	33.3% #86A3CE	RGB 134 163 206	#86A3CE
50.0%	50.0% #7695C4	RGB 118 149 196	#7695C4
66.7%	66.7% #6788BB	RGB 103 136 187	#6788BB
83.3%	83.3% #597CB1	RGB 89 124 177	#597CB1
100.0%	100.0% #4D70A8	RGB 77 112 168	#4D70A8

#A8C0E1 #96B1D7 #86A3CE #7695C4 #6788BB #597CB1 #4D70A8

#A8C0E1 - #7695C4 - #4D70A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C0E1 0%, #7695C4 50%, #4D70A8 100%);
    background: -webkit-linear-gradient(top, #A8C0E1 0%, #7695C4 50%, #4D70A8 100%);
    background: linear-gradient(to bottom, #A8C0E1 0%, #7695C4 50%, #4D70A8 100%);
}
</style>