#C6B5D3 - #92549C | 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 #C6B5D3 to #92549C

#C6B5D3 #92549C

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

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

0.0%	0.0% #C6B5D3	RGB 198 181 211	#C6B5D3
16.7%	16.7% #BDA4C9	RGB 189 164 201	#BDA4C9
33.3%	33.3% #B494C0	RGB 180 148 192	#B494C0
50.0%	50.0% #AC84B7	RGB 172 132 183	#AC84B7
66.7%	66.7% #A374AE	RGB 163 116 174	#A374AE
83.3%	83.3% #9A64A5	RGB 154 100 165	#9A64A5
100.0%	100.0% #92549C	RGB 146 84 156	#92549C

#C6B5D3 #BDA4C9 #B494C0 #AC84B7 #A374AE #9A64A5 #92549C

#C6B5D3 - #92549C

HSV Blend

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

0.0%	0.0% #C6B5D3	RGB 198 181 211	#C6B5D3
16.7%	16.7% #BAA2C9	RGB 186 162 201	#BAA2C9
33.3%	33.3% #B090C0	RGB 176 144 192	#B090C0
50.0%	50.0% #A780B7	RGB 167 128 183	#A780B7
66.7%	66.7% #9F70AE	RGB 159 112 174	#9F70AE
83.3%	83.3% #9861A5	RGB 152 97 165	#9861A5
100.0%	100.0% #92549C	RGB 146 84 156	#92549C

#C6B5D3 #BAA2C9 #B090C0 #A780B7 #9F70AE #9861A5 #92549C

#C6B5D3 - #A780B7 - #92549C

CSS codes

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

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