#C6BDCE - #8F6F8C | 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 #C6BDCE to #8F6F8C

#C6BDCE #8F6F8C

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

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

0.0%	0.0% #C6BDCE	RGB 198 189 206	#C6BDCE
16.7%	16.7% #BCB0C3	RGB 188 176 195	#BCB0C3
33.3%	33.3% #B3A3B8	RGB 179 163 184	#B3A3B8
50.0%	50.0% #AA96AD	RGB 170 150 173	#AA96AD
66.7%	66.7% #A189A2	RGB 161 137 162	#A189A2
83.3%	83.3% #987C97	RGB 152 124 151	#987C97
100.0%	100.0% #8F6F8C	RGB 143 111 140	#8F6F8C

#C6BDCE #BCB0C3 #B3A3B8 #AA96AD #A189A2 #987C97 #8F6F8C

#C6BDCE - #8F6F8C

HSV Blend

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

0.0%	0.0% #C6BDCE	RGB 198 189 206	#C6BDCE
16.7%	16.7% #BBAEC3	RGB 187 174 195	#BBAEC3
33.3%	33.3% #B2A1B9	RGB 178 161 185	#B2A1B9
50.0%	50.0% #A993AE	RGB 169 147 174	#A993AE
66.7%	66.7% #A187A4	RGB 161 135 164	#A187A4
83.3%	83.3% #997A99	RGB 153 122 153	#997A99
100.0%	100.0% #8F6F8C	RGB 143 111 140	#8F6F8C

#C6BDCE #BBAEC3 #B2A1B9 #A993AE #A187A4 #997A99 #8F6F8C

#C6BDCE - #A993AE - #8F6F8C

CSS codes

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

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