#A199A8 - #56445B | 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 #A199A8 to #56445B

#A199A8 #56445B

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

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

0.0%	0.0% #A199A8	RGB 161 153 168	#A199A8
16.7%	16.7% #948A9B	RGB 148 138 155	#948A9B
33.3%	33.3% #887C8E	RGB 136 124 142	#887C8E
50.0%	50.0% #7B6E81	RGB 123 110 129	#7B6E81
66.7%	66.7% #6F6074	RGB 111 96 116	#6F6074
83.3%	83.3% #625267	RGB 98 82 103	#625267
100.0%	100.0% #56445B	RGB 86 68 91	#56445B

#A199A8 #948A9B #887C8E #7B6E81 #6F6074 #625267 #56445B

#A199A8 - #56445B

HSV Blend

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

0.0%	0.0% #A199A8	RGB 161 153 168	#A199A8
16.7%	16.7% #93899B	RGB 147 137 155	#93899B
33.3%	33.3% #86798E	RGB 134 121 142	#86798E
50.0%	50.0% #796B81	RGB 121 107 129	#796B81
66.7%	66.7% #6D5D74	RGB 109 93 116	#6D5D74
83.3%	83.3% #615067	RGB 97 80 103	#615067
100.0%	100.0% #56445B	RGB 86 68 91	#56445B

#A199A8 #93899B #86798E #796B81 #6D5D74 #615067 #56445B

#A199A8 - #796B81 - #56445B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A199A8 0%, #796B81 50%, #56445B 100%);
    background: -webkit-linear-gradient(top, #A199A8 0%, #796B81 50%, #56445B 100%);
    background: linear-gradient(to bottom, #A199A8 0%, #796B81 50%, #56445B 100%);
}
</style>