#A8BCCD - #536C8D | 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 #A8BCCD to #536C8D

#A8BCCD #536C8D

Calculate the color between two colors, #A8BCCD and #536C8D. 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)

#A8BCCD - #536C8D | 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 #A8BCCD as 0% and #536C8D as 100%.

0.0%	0.0% #A8BCCD	RGB 168 188 205	#A8BCCD
16.7%	16.7% #99AEC2	RGB 153 174 194	#99AEC2
33.3%	33.3% #8BA1B7	RGB 139 161 183	#8BA1B7
50.0%	50.0% #7D94AD	RGB 125 148 173	#7D94AD
66.7%	66.7% #6F86A2	RGB 111 134 162	#6F86A2
83.3%	83.3% #617997	RGB 97 121 151	#617997
100.0%	100.0% #536C8D	RGB 83 108 141	#536C8D

#A8BCCD #99AEC2 #8BA1B7 #7D94AD #6F86A2 #617997 #536C8D

#A8BCCD - #536C8D

HSV Blend

#A8BCCD - #536C8D | 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 #A8BCCD as 0% and #536C8D as 100%.

0.0%	0.0% #A8BCCD	RGB 168 188 205	#A8BCCD
16.7%	16.7% #97AEC2	RGB 151 174 194	#97AEC2
33.3%	33.3% #88A0B7	RGB 136 160 183	#88A0B7
50.0%	50.0% #7992AD	RGB 121 146 173	#7992AD
66.7%	66.7% #6C85A2	RGB 108 133 162	#6C85A2
83.3%	83.3% #5F7897	RGB 95 120 151	#5F7897
100.0%	100.0% #536C8D	RGB 83 108 141	#536C8D

#A8BCCD #97AEC2 #88A0B7 #7992AD #6C85A2 #5F7897 #536C8D

#A8BCCD - #7992AD - #536C8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8BCCD 0%, #7992AD 50%, #536C8D 100%);
    background: -webkit-linear-gradient(top, #A8BCCD 0%, #7992AD 50%, #536C8D 100%);
    background: linear-gradient(to bottom, #A8BCCD 0%, #7992AD 50%, #536C8D 100%);
}
</style>