#A8C0D8 - #50709C | 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 #A8C0D8 to #50709C

#A8C0D8 #50709C

Calculate the color between two colors, #A8C0D8 and #50709C. 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)

#A8C0D8 - #50709C | 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 #A8C0D8 as 0% and #50709C as 100%.

0.0%	0.0% #A8C0D8	RGB 168 192 216	#A8C0D8
16.7%	16.7% #99B2CE	RGB 153 178 206	#99B2CE
33.3%	33.3% #8AA5C4	RGB 138 165 196	#8AA5C4
50.0%	50.0% #7C98BA	RGB 124 152 186	#7C98BA
66.7%	66.7% #6D8AB0	RGB 109 138 176	#6D8AB0
83.3%	83.3% #5E7DA6	RGB 94 125 166	#5E7DA6
100.0%	100.0% #50709C	RGB 80 112 156	#50709C

#A8C0D8 #99B2CE #8AA5C4 #7C98BA #6D8AB0 #5E7DA6 #50709C

#A8C0D8 - #50709C

HSV Blend

#A8C0D8 - #50709C | 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 #A8C0D8 as 0% and #50709C as 100%.

0.0%	0.0% #A8C0D8	RGB 168 192 216	#A8C0D8
16.7%	16.7% #97B1CE	RGB 151 177 206	#97B1CE
33.3%	33.3% #87A3C4	RGB 135 163 196	#87A3C4
50.0%	50.0% #7896BA	RGB 120 150 186	#7896BA
66.7%	66.7% #6989B0	RGB 105 137 176	#6989B0
83.3%	83.3% #5C7CA6	RGB 92 124 166	#5C7CA6
100.0%	100.0% #50709C	RGB 80 112 156	#50709C

#A8C0D8 #97B1CE #87A3C4 #7896BA #6989B0 #5C7CA6 #50709C

#A8C0D8 - #7896BA - #50709C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C0D8 0%, #7896BA 50%, #50709C 100%);
    background: -webkit-linear-gradient(top, #A8C0D8 0%, #7896BA 50%, #50709C 100%);
    background: linear-gradient(to bottom, #A8C0D8 0%, #7896BA 50%, #50709C 100%);
}
</style>