#A8C9CD - #5A798F | 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 #A8C9CD to #5A798F

#A8C9CD #5A798F

Calculate the color between two colors, #A8C9CD and #5A798F. 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)

#A8C9CD - #5A798F | 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 #A8C9CD as 0% and #5A798F as 100%.

0.0%	0.0% #A8C9CD	RGB 168 201 205	#A8C9CD
16.7%	16.7% #9BBBC2	RGB 155 187 194	#9BBBC2
33.3%	33.3% #8EAEB8	RGB 142 174 184	#8EAEB8
50.0%	50.0% #81A1AE	RGB 129 161 174	#81A1AE
66.7%	66.7% #7493A3	RGB 116 147 163	#7493A3
83.3%	83.3% #678699	RGB 103 134 153	#678699
100.0%	100.0% #5A798F	RGB 90 121 143	#5A798F

#A8C9CD #9BBBC2 #8EAEB8 #81A1AE #7493A3 #678699 #5A798F

#A8C9CD - #5A798F

HSV Blend

#A8C9CD - #5A798F | 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 #A8C9CD as 0% and #5A798F as 100%.

0.0%	0.0% #A8C9CD	RGB 168 201 205	#A8C9CD
16.7%	16.7% #99BCC2	RGB 153 188 194	#99BCC2
33.3%	33.3% #8BAEB8	RGB 139 174 184	#8BAEB8
50.0%	50.0% #7EA1AE	RGB 126 161 174	#7EA1AE
66.7%	66.7% #7193A3	RGB 113 147 163	#7193A3
83.3%	83.3% #658699	RGB 101 134 153	#658699
100.0%	100.0% #5A798F	RGB 90 121 143	#5A798F

#A8C9CD #99BCC2 #8BAEB8 #7EA1AE #7193A3 #658699 #5A798F

#A8C9CD - #7EA1AE - #5A798F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C9CD 0%, #7EA1AE 50%, #5A798F 100%);
    background: -webkit-linear-gradient(top, #A8C9CD 0%, #7EA1AE 50%, #5A798F 100%);
    background: linear-gradient(to bottom, #A8C9CD 0%, #7EA1AE 50%, #5A798F 100%);
}
</style>