#C6B2CD - #8B5EA8 | 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 #C6B2CD to #8B5EA8

#C6B2CD #8B5EA8

Calculate the color between two colors, #C6B2CD and #8B5EA8. 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)

#C6B2CD - #8B5EA8 | 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 #C6B2CD as 0% and #8B5EA8 as 100%.

0.0%	0.0% #C6B2CD	RGB 198 178 205	#C6B2CD
16.7%	16.7% #BCA4C6	RGB 188 164 198	#BCA4C6
33.3%	33.3% #B296C0	RGB 178 150 192	#B296C0
50.0%	50.0% #A888BA	RGB 168 136 186	#A888BA
66.7%	66.7% #9E7AB4	RGB 158 122 180	#9E7AB4
83.3%	83.3% #946CAE	RGB 148 108 174	#946CAE
100.0%	100.0% #8B5EA8	RGB 139 94 168	#8B5EA8

#C6B2CD #BCA4C6 #B296C0 #A888BA #9E7AB4 #946CAE #8B5EA8

#C6B2CD - #8B5EA8

HSV Blend

#C6B2CD - #8B5EA8 | 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 #C6B2CD as 0% and #8B5EA8 as 100%.

0.0%	0.0% #C6B2CD	RGB 198 178 205	#C6B2CD
16.7%	16.7% #BCA2C6	RGB 188 162 198	#BCA2C6
33.3%	33.3% #B293C0	RGB 178 147 192	#B293C0
50.0%	50.0% #A985BA	RGB 169 133 186	#A985BA
66.7%	66.7% #9F77B4	RGB 159 119 180	#9F77B4
83.3%	83.3% #956AAE	RGB 149 106 174	#956AAE
100.0%	100.0% #8B5EA8	RGB 139 94 168	#8B5EA8

#C6B2CD #BCA2C6 #B293C0 #A985BA #9F77B4 #956AAE #8B5EA8

#C6B2CD - #A985BA - #8B5EA8

CSS codes

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

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