#C3BFDA - #8F689F | 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 #C3BFDA to #8F689F

#C3BFDA #8F689F

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

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

0.0%	0.0% #C3BFDA	RGB 195 191 218	#C3BFDA
16.7%	16.7% #BAB0D0	RGB 186 176 208	#BAB0D0
33.3%	33.3% #B1A2C6	RGB 177 162 198	#B1A2C6
50.0%	50.0% #A993BC	RGB 169 147 188	#A993BC
66.7%	66.7% #A085B2	RGB 160 133 178	#A085B2
83.3%	83.3% #9776A8	RGB 151 118 168	#9776A8
100.0%	100.0% #8F689F	RGB 143 104 159	#8F689F

#C3BFDA #BAB0D0 #B1A2C6 #A993BC #A085B2 #9776A8 #8F689F

#C3BFDA - #8F689F

HSV Blend

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

0.0%	0.0% #C3BFDA	RGB 195 191 218	#C3BFDA
16.7%	16.7% #B6AED0	RGB 182 174 208	#B6AED0
33.3%	33.3% #AC9FC6	RGB 172 159 198	#AC9FC6
50.0%	50.0% #A390BC	RGB 163 144 188	#A390BC
66.7%	66.7% #9B82B2	RGB 155 130 178	#9B82B2
83.3%	83.3% #9474A8	RGB 148 116 168	#9474A8
100.0%	100.0% #8F689F	RGB 143 104 159	#8F689F

#C3BFDA #B6AED0 #AC9FC6 #A390BC #9B82B2 #9474A8 #8F689F

#C3BFDA - #A390BC - #8F689F

CSS codes

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

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