#A8BBCB - #59668C | 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 #A8BBCB to #59668C

#A8BBCB #59668C

Calculate the color between two colors, #A8BBCB and #59668C. 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)

#A8BBCB - #59668C | 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 #A8BBCB as 0% and #59668C as 100%.

0.0%	0.0% #A8BBCB	RGB 168 187 203	#A8BBCB
16.7%	16.7% #9AACC0	RGB 154 172 192	#9AACC0
33.3%	33.3% #8D9EB6	RGB 141 158 182	#8D9EB6
50.0%	50.0% #8090AB	RGB 128 144 171	#8090AB
66.7%	66.7% #7382A1	RGB 115 130 161	#7382A1
83.3%	83.3% #667496	RGB 102 116 150	#667496
100.0%	100.0% #59668C	RGB 89 102 140	#59668C

#A8BBCB #9AACC0 #8D9EB6 #8090AB #7382A1 #667496 #59668C

#A8BBCB - #59668C

HSV Blend

#A8BBCB - #59668C | 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 #A8BBCB as 0% and #59668C as 100%.

0.0%	0.0% #A8BBCB	RGB 168 187 203	#A8BBCB
16.7%	16.7% #99ACC0	RGB 153 172 192	#99ACC0
33.3%	33.3% #8A9EB6	RGB 138 158 182	#8A9EB6
50.0%	50.0% #7D8FAB	RGB 125 143 171	#7D8FAB
66.7%	66.7% #7081A1	RGB 112 129 161	#7081A1
83.3%	83.3% #647396	RGB 100 115 150	#647396
100.0%	100.0% #59668C	RGB 89 102 140	#59668C

#A8BBCB #99ACC0 #8A9EB6 #7D8FAB #7081A1 #647396 #59668C

#A8BBCB - #7D8FAB - #59668C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8BBCB 0%, #7D8FAB 50%, #59668C 100%);
    background: -webkit-linear-gradient(top, #A8BBCB 0%, #7D8FAB 50%, #59668C 100%);
    background: linear-gradient(to bottom, #A8BBCB 0%, #7D8FAB 50%, #59668C 100%);
}
</style>