#A8D4EA - #4F88B8 | 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 #A8D4EA to #4F88B8

#A8D4EA #4F88B8

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

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

0.0%	0.0% #A8D4EA	RGB 168 212 234	#A8D4EA
16.7%	16.7% #99C7E1	RGB 153 199 225	#99C7E1
33.3%	33.3% #8ABAD9	RGB 138 186 217	#8ABAD9
50.0%	50.0% #7BAED1	RGB 123 174 209	#7BAED1
66.7%	66.7% #6CA1C8	RGB 108 161 200	#6CA1C8
83.3%	83.3% #5D94C0	RGB 93 148 192	#5D94C0
100.0%	100.0% #4F88B8	RGB 79 136 184	#4F88B8

#A8D4EA #99C7E1 #8ABAD9 #7BAED1 #6CA1C8 #5D94C0 #4F88B8

#A8D4EA - #4F88B8

HSV Blend

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

0.0%	0.0% #A8D4EA	RGB 168 212 234	#A8D4EA
16.7%	16.7% #97C7E1	RGB 151 199 225	#97C7E1
33.3%	33.3% #87BAD9	RGB 135 186 217	#87BAD9
50.0%	50.0% #77ADD1	RGB 119 173 209	#77ADD1
66.7%	66.7% #69A1C8	RGB 105 161 200	#69A1C8
83.3%	83.3% #5B94C0	RGB 91 148 192	#5B94C0
100.0%	100.0% #4F88B8	RGB 79 136 184	#4F88B8

#A8D4EA #97C7E1 #87BAD9 #77ADD1 #69A1C8 #5B94C0 #4F88B8

#A8D4EA - #77ADD1 - #4F88B8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D4EA 0%, #77ADD1 50%, #4F88B8 100%);
    background: -webkit-linear-gradient(top, #A8D4EA 0%, #77ADD1 50%, #4F88B8 100%);
    background: linear-gradient(to bottom, #A8D4EA 0%, #77ADD1 50%, #4F88B8 100%);
}
</style>