#C6B5C2 - #A461A1 | 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 #C6B5C2 to #A461A1

#C6B5C2 #A461A1

Calculate the color between two colors, #C6B5C2 and #A461A1. 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)

#C6B5C2 - #A461A1 | 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 #C6B5C2 as 0% and #A461A1 as 100%.

0.0%	0.0% #C6B5C2	RGB 198 181 194	#C6B5C2
16.7%	16.7% #C0A7BC	RGB 192 167 188	#C0A7BC
33.3%	33.3% #BA99B7	RGB 186 153 183	#BA99B7
50.0%	50.0% #B58BB1	RGB 181 139 177	#B58BB1
66.7%	66.7% #AF7DAC	RGB 175 125 172	#AF7DAC
83.3%	83.3% #A96FA6	RGB 169 111 166	#A96FA6
100.0%	100.0% #A461A1	RGB 164 97 161	#A461A1

#C6B5C2 #C0A7BC #BA99B7 #B58BB1 #AF7DAC #A96FA6 #A461A1

#C6B5C2 - #A461A1

HSV Blend

#C6B5C2 - #A461A1 | 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 #C6B5C2 as 0% and #A461A1 as 100%.

0.0%	0.0% #C6B5C2	RGB 198 181 194	#C6B5C2
16.7%	16.7% #C0A5BA	RGB 192 165 186	#C0A5BA
33.3%	33.3% #BA96B4	RGB 186 150 180	#BA96B4
50.0%	50.0% #B588AE	RGB 181 136 174	#B588AE
66.7%	66.7% #AF7AA9	RGB 175 122 169	#AF7AA9
83.3%	83.3% #A96DA5	RGB 169 109 165	#A96DA5
100.0%	100.0% #A461A1	RGB 164 97 161	#A461A1

#C6B5C2 #C0A5BA #BA96B4 #B588AE #AF7AA9 #A96DA5 #A461A1

#C6B5C2 - #B588AE - #A461A1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6B5C2 0%, #B588AE 50%, #A461A1 100%);
    background: -webkit-linear-gradient(top, #C6B5C2 0%, #B588AE 50%, #A461A1 100%);
    background: linear-gradient(to bottom, #C6B5C2 0%, #B588AE 50%, #A461A1 100%);
}
</style>