#C6B2D9 - #775297 | 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 #C6B2D9 to #775297

#C6B2D9 #775297

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

#C6B2D9 - #775297 | 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 #C6B2D9 as 0% and #775297 as 100%.

0.0%	0.0% #C6B2D9	RGB 198 178 217	#C6B2D9
16.7%	16.7% #B8A2CE	RGB 184 162 206	#B8A2CE
33.3%	33.3% #AB92C3	RGB 171 146 195	#AB92C3
50.0%	50.0% #9E82B8	RGB 158 130 184	#9E82B8
66.7%	66.7% #9172AD	RGB 145 114 173	#9172AD
83.3%	83.3% #8462A2	RGB 132 98 162	#8462A2
100.0%	100.0% #775297	RGB 119 82 151	#775297

#C6B2D9 #B8A2CE #AB92C3 #9E82B8 #9172AD #8462A2 #775297

#C6B2D9 - #775297

HSV Blend

#C6B2D9 - #775297 | 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 #C6B2D9 as 0% and #775297 as 100%.

0.0%	0.0% #C6B2D9	RGB 198 178 217	#C6B2D9
16.7%	16.7% #B79FCE	RGB 183 159 206	#B79FCE
33.3%	33.3% #A98DC3	RGB 169 141 195	#A98DC3
50.0%	50.0% #9C7DB8	RGB 156 125 184	#9C7DB8
66.7%	66.7% #8F6DAD	RGB 143 109 173	#8F6DAD
83.3%	83.3% #825FA2	RGB 130 95 162	#825FA2
100.0%	100.0% #775297	RGB 119 82 151	#775297

#C6B2D9 #B79FCE #A98DC3 #9C7DB8 #8F6DAD #825FA2 #775297

#C6B2D9 - #9C7DB8 - #775297

CSS codes

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

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