#A8D7FC - #498BD4 | 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 #A8D7FC to #498BD4

#A8D7FC #498BD4

Calculate the color between two colors, #A8D7FC and #498BD4. 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)

#A8D7FC - #498BD4 | 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 #A8D7FC as 0% and #498BD4 as 100%.

0.0%	0.0% #A8D7FC	RGB 168 215 252	#A8D7FC
16.7%	16.7% #98CAF5	RGB 152 202 245	#98CAF5
33.3%	33.3% #88BDEE	RGB 136 189 238	#88BDEE
50.0%	50.0% #78B1E8	RGB 120 177 232	#78B1E8
66.7%	66.7% #68A4E1	RGB 104 164 225	#68A4E1
83.3%	83.3% #5897DA	RGB 88 151 218	#5897DA
100.0%	100.0% #498BD4	RGB 73 139 212	#498BD4

#A8D7FC #98CAF5 #88BDEE #78B1E8 #68A4E1 #5897DA #498BD4

#A8D7FC - #498BD4

HSV Blend

#A8D7FC - #498BD4 | 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 #A8D7FC as 0% and #498BD4 as 100%.

0.0%	0.0% #A8D7FC	RGB 168 215 252	#A8D7FC
16.7%	16.7% #96CAF5	RGB 150 202 245	#96CAF5
33.3%	33.3% #85BDEE	RGB 133 189 238	#85BDEE
50.0%	50.0% #75B0E8	RGB 117 176 232	#75B0E8
66.7%	66.7% #65A3E1	RGB 101 163 225	#65A3E1
83.3%	83.3% #5797DA	RGB 87 151 218	#5797DA
100.0%	100.0% #498BD4	RGB 73 139 212	#498BD4

#A8D7FC #96CAF5 #85BDEE #75B0E8 #65A3E1 #5797DA #498BD4

#A8D7FC - #75B0E8 - #498BD4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D7FC 0%, #75B0E8 50%, #498BD4 100%);
    background: -webkit-linear-gradient(top, #A8D7FC 0%, #75B0E8 50%, #498BD4 100%);
    background: linear-gradient(to bottom, #A8D7FC 0%, #75B0E8 50%, #498BD4 100%);
}
</style>