#A8BDCD - #5A698F | 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 #A8BDCD to #5A698F

#A8BDCD #5A698F

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

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

0.0%	0.0% #A8BDCD	RGB 168 189 205	#A8BDCD
16.7%	16.7% #9BAFC2	RGB 155 175 194	#9BAFC2
33.3%	33.3% #8EA1B8	RGB 142 161 184	#8EA1B8
50.0%	50.0% #8193AE	RGB 129 147 174	#8193AE
66.7%	66.7% #7485A3	RGB 116 133 163	#7485A3
83.3%	83.3% #677799	RGB 103 119 153	#677799
100.0%	100.0% #5A698F	RGB 90 105 143	#5A698F

#A8BDCD #9BAFC2 #8EA1B8 #8193AE #7485A3 #677799 #5A698F

#A8BDCD - #5A698F

HSV Blend

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

0.0%	0.0% #A8BDCD	RGB 168 189 205	#A8BDCD
16.7%	16.7% #99AEC2	RGB 153 174 194	#99AEC2
33.3%	33.3% #8BA0B8	RGB 139 160 184	#8BA0B8
50.0%	50.0% #7E92AE	RGB 126 146 174	#7E92AE
66.7%	66.7% #7184A3	RGB 113 132 163	#7184A3
83.3%	83.3% #657699	RGB 101 118 153	#657699
100.0%	100.0% #5A698F	RGB 90 105 143	#5A698F

#A8BDCD #99AEC2 #8BA0B8 #7E92AE #7184A3 #657699 #5A698F

#A8BDCD - #7E92AE - #5A698F

CSS codes

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

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