#A8D8F6 - #4B8DCB | 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 #A8D8F6 to #4B8DCB

#A8D8F6 #4B8DCB

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

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

0.0%	0.0% #A8D8F6	RGB 168 216 246	#A8D8F6
16.7%	16.7% #98CBEE	RGB 152 203 238	#98CBEE
33.3%	33.3% #89BFE7	RGB 137 191 231	#89BFE7
50.0%	50.0% #79B2E0	RGB 121 178 224	#79B2E0
66.7%	66.7% #6AA6D9	RGB 106 166 217	#6AA6D9
83.3%	83.3% #5A99D2	RGB 90 153 210	#5A99D2
100.0%	100.0% #4B8DCB	RGB 75 141 203	#4B8DCB

#A8D8F6 #98CBEE #89BFE7 #79B2E0 #6AA6D9 #5A99D2 #4B8DCB

#A8D8F6 - #4B8DCB

HSV Blend

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

0.0%	0.0% #A8D8F6	RGB 168 216 246	#A8D8F6
16.7%	16.7% #96CBEE	RGB 150 203 238	#96CBEE
33.3%	33.3% #86BEE7	RGB 134 190 231	#86BEE7
50.0%	50.0% #76B2E0	RGB 118 178 224	#76B2E0
66.7%	66.7% #67A5D9	RGB 103 165 217	#67A5D9
83.3%	83.3% #5899D2	RGB 88 153 210	#5899D2
100.0%	100.0% #4B8DCB	RGB 75 141 203	#4B8DCB

#A8D8F6 #96CBEE #86BEE7 #76B2E0 #67A5D9 #5899D2 #4B8DCB

#A8D8F6 - #76B2E0 - #4B8DCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D8F6 0%, #76B2E0 50%, #4B8DCB 100%);
    background: -webkit-linear-gradient(top, #A8D8F6 0%, #76B2E0 50%, #4B8DCB 100%);
    background: linear-gradient(to bottom, #A8D8F6 0%, #76B2E0 50%, #4B8DCB 100%);
}
</style>