#A8C8D5 - #5385A7 | 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 #A8C8D5 to #5385A7

#A8C8D5 #5385A7

Calculate the color between two colors, #A8C8D5 and #5385A7. 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)

#A8C8D5 - #5385A7 | 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 #A8C8D5 as 0% and #5385A7 as 100%.

0.0%	0.0% #A8C8D5	RGB 168 200 213	#A8C8D5
16.7%	16.7% #99BCCD	RGB 153 188 205	#99BCCD
33.3%	33.3% #8BB1C5	RGB 139 177 197	#8BB1C5
50.0%	50.0% #7DA6BE	RGB 125 166 190	#7DA6BE
66.7%	66.7% #6F9BB6	RGB 111 155 182	#6F9BB6
83.3%	83.3% #6190AE	RGB 97 144 174	#6190AE
100.0%	100.0% #5385A7	RGB 83 133 167	#5385A7

#A8C8D5 #99BCCD #8BB1C5 #7DA6BE #6F9BB6 #6190AE #5385A7

#A8C8D5 - #5385A7

HSV Blend

#A8C8D5 - #5385A7 | 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 #A8C8D5 as 0% and #5385A7 as 100%.

0.0%	0.0% #A8C8D5	RGB 168 200 213	#A8C8D5
16.7%	16.7% #97BCCD	RGB 151 188 205	#97BCCD
33.3%	33.3% #88B1C5	RGB 136 177 197	#88B1C5
50.0%	50.0% #7AA6BE	RGB 122 166 190	#7AA6BE
66.7%	66.7% #6C9BB6	RGB 108 155 182	#6C9BB6
83.3%	83.3% #5F90AE	RGB 95 144 174	#5F90AE
100.0%	100.0% #5385A7	RGB 83 133 167	#5385A7

#A8C8D5 #97BCCD #88B1C5 #7AA6BE #6C9BB6 #5F90AE #5385A7

#A8C8D5 - #7AA6BE - #5385A7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C8D5 0%, #7AA6BE 50%, #5385A7 100%);
    background: -webkit-linear-gradient(top, #A8C8D5 0%, #7AA6BE 50%, #5385A7 100%);
    background: linear-gradient(to bottom, #A8C8D5 0%, #7AA6BE 50%, #5385A7 100%);
}
</style>