#A698A8 - #52475B | 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 #A698A8 to #52475B

#A698A8 #52475B

Calculate the color between two colors, #A698A8 and #52475B. 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)

#A698A8 - #52475B | 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 #A698A8 as 0% and #52475B as 100%.

0.0%	0.0% #A698A8	RGB 166 152 168	#A698A8
16.7%	16.7% #988A9B	RGB 152 138 155	#988A9B
33.3%	33.3% #8A7D8E	RGB 138 125 142	#8A7D8E
50.0%	50.0% #7C6F81	RGB 124 111 129	#7C6F81
66.7%	66.7% #6E6274	RGB 110 98 116	#6E6274
83.3%	83.3% #605467	RGB 96 84 103	#605467
100.0%	100.0% #52475B	RGB 82 71 91	#52475B

#A698A8 #988A9B #8A7D8E #7C6F81 #6E6274 #605467 #52475B

#A698A8 - #52475B

HSV Blend

#A698A8 - #52475B | 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 #A698A8 as 0% and #52475B as 100%.

0.0%	0.0% #A698A8	RGB 166 152 168	#A698A8
16.7%	16.7% #97899B	RGB 151 137 155	#97899B
33.3%	33.3% #897A8E	RGB 137 122 142	#897A8E
50.0%	50.0% #7B6D81	RGB 123 109 129	#7B6D81
66.7%	66.7% #6D5F74	RGB 109 95 116	#6D5F74
83.3%	83.3% #5F5367	RGB 95 83 103	#5F5367
100.0%	100.0% #52475B	RGB 82 71 91	#52475B

#A698A8 #97899B #897A8E #7B6D81 #6D5F74 #5F5367 #52475B

#A698A8 - #7B6D81 - #52475B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A698A8 0%, #7B6D81 50%, #52475B 100%);
    background: -webkit-linear-gradient(top, #A698A8 0%, #7B6D81 50%, #52475B 100%);
    background: linear-gradient(to bottom, #A698A8 0%, #7B6D81 50%, #52475B 100%);
}
</style>