#A8D7FD - #498BD5 | 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 #A8D7FD to #498BD5

#A8D7FD #498BD5

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

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

0.0%	0.0% #A8D7FD	RGB 168 215 253	#A8D7FD
16.7%	16.7% #98CAF6	RGB 152 202 246	#98CAF6
33.3%	33.3% #88BDEF	RGB 136 189 239	#88BDEF
50.0%	50.0% #78B1E9	RGB 120 177 233	#78B1E9
66.7%	66.7% #68A4E2	RGB 104 164 226	#68A4E2
83.3%	83.3% #5897DB	RGB 88 151 219	#5897DB
100.0%	100.0% #498BD5	RGB 73 139 213	#498BD5

#A8D7FD #98CAF6 #88BDEF #78B1E9 #68A4E2 #5897DB #498BD5

#A8D7FD - #498BD5

HSV Blend

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

0.0%	0.0% #A8D7FD	RGB 168 215 253	#A8D7FD
16.7%	16.7% #96CAF6	RGB 150 202 246	#96CAF6
33.3%	33.3% #85BDEF	RGB 133 189 239	#85BDEF
50.0%	50.0% #75B0E9	RGB 117 176 233	#75B0E9
66.7%	66.7% #65A3E2	RGB 101 163 226	#65A3E2
83.3%	83.3% #5797DB	RGB 87 151 219	#5797DB
100.0%	100.0% #498BD5	RGB 73 139 213	#498BD5

#A8D7FD #96CAF6 #85BDEF #75B0E9 #65A3E2 #5797DB #498BD5

#A8D7FD - #75B0E9 - #498BD5

CSS codes

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

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