#A8C4D7 - #52759B | 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 #A8C4D7 to #52759B

#A8C4D7 #52759B

Calculate the color between two colors, #A8C4D7 and #52759B. 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)

#A8C4D7 - #52759B | 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 #A8C4D7 as 0% and #52759B as 100%.

0.0%	0.0% #A8C4D7	RGB 168 196 215	#A8C4D7
16.7%	16.7% #99B6CD	RGB 153 182 205	#99B6CD
33.3%	33.3% #8BA9C3	RGB 139 169 195	#8BA9C3
50.0%	50.0% #7D9CB9	RGB 125 156 185	#7D9CB9
66.7%	66.7% #6E8FAF	RGB 110 143 175	#6E8FAF
83.3%	83.3% #6082A5	RGB 96 130 165	#6082A5
100.0%	100.0% #52759B	RGB 82 117 155	#52759B

#A8C4D7 #99B6CD #8BA9C3 #7D9CB9 #6E8FAF #6082A5 #52759B

#A8C4D7 - #52759B

HSV Blend

#A8C4D7 - #52759B | 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 #A8C4D7 as 0% and #52759B as 100%.

0.0%	0.0% #A8C4D7	RGB 168 196 215	#A8C4D7
16.7%	16.7% #97B6CD	RGB 151 182 205	#97B6CD
33.3%	33.3% #87A8C3	RGB 135 168 195	#87A8C3
50.0%	50.0% #799BB9	RGB 121 155 185	#799BB9
66.7%	66.7% #6B8EAF	RGB 107 142 175	#6B8EAF
83.3%	83.3% #5E81A5	RGB 94 129 165	#5E81A5
100.0%	100.0% #52759B	RGB 82 117 155	#52759B

#A8C4D7 #97B6CD #87A8C3 #799BB9 #6B8EAF #5E81A5 #52759B

#A8C4D7 - #799BB9 - #52759B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C4D7 0%, #799BB9 50%, #52759B 100%);
    background: -webkit-linear-gradient(top, #A8C4D7 0%, #799BB9 50%, #52759B 100%);
    background: linear-gradient(to bottom, #A8C4D7 0%, #799BB9 50%, #52759B 100%);
}
</style>