#A8D4D3 - #4B859D | 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 #A8D4D3 to #4B859D

#A8D4D3 #4B859D

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

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

0.0%	0.0% #A8D4D3	RGB 168 212 211	#A8D4D3
16.7%	16.7% #98C6CA	RGB 152 198 202	#98C6CA
33.3%	33.3% #89B9C1	RGB 137 185 193	#89B9C1
50.0%	50.0% #79ACB8	RGB 121 172 184	#79ACB8
66.7%	66.7% #6A9FAF	RGB 106 159 175	#6A9FAF
83.3%	83.3% #5A92A6	RGB 90 146 166	#5A92A6
100.0%	100.0% #4B859D	RGB 75 133 157	#4B859D

#A8D4D3 #98C6CA #89B9C1 #79ACB8 #6A9FAF #5A92A6 #4B859D

#A8D4D3 - #4B859D

HSV Blend

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

0.0%	0.0% #A8D4D3	RGB 168 212 211	#A8D4D3
16.7%	16.7% #96C9CA	RGB 150 201 202	#96C9CA
33.3%	33.3% #85BCC1	RGB 133 188 193	#85BCC1
50.0%	50.0% #75AFB8	RGB 117 175 184	#75AFB8
66.7%	66.7% #66A1AF	RGB 102 161 175	#66A1AF
83.3%	83.3% #5893A6	RGB 88 147 166	#5893A6
100.0%	100.0% #4B859D	RGB 75 133 157	#4B859D

#A8D4D3 #96C9CA #85BCC1 #75AFB8 #66A1AF #5893A6 #4B859D

#A8D4D3 - #75AFB8 - #4B859D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D4D3 0%, #75AFB8 50%, #4B859D 100%);
    background: -webkit-linear-gradient(top, #A8D4D3 0%, #75AFB8 50%, #4B859D 100%);
    background: linear-gradient(to bottom, #A8D4D3 0%, #75AFB8 50%, #4B859D 100%);
}
</style>