#C6B6C2 - #C9C0E3 | 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 #C6B6C2 to #C9C0E3

#C6B6C2 #C9C0E3

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

#C6B6C2 - #C9C0E3 | 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 #C6B6C2 as 0% and #C9C0E3 as 100%.

0.0%	0.0% #C6B6C2	RGB 198 182 194	#C6B6C2
16.7%	16.7% #C6B7C7	RGB 198 183 199	#C6B7C7
33.3%	33.3% #C7B9CD	RGB 199 185 205	#C7B9CD
50.0%	50.0% #C7BBD2	RGB 199 187 210	#C7BBD2
66.7%	66.7% #C8BCD8	RGB 200 188 216	#C8BCD8
83.3%	83.3% #C8BEDD	RGB 200 190 221	#C8BEDD
100.0%	100.0% #C9C0E3	RGB 201 192 227	#C9C0E3

#C6B6C2 #C6B7C7 #C7B9CD #C7BBD2 #C8BCD8 #C8BEDD #C9C0E3

#C6B6C2 - #C9C0E3

HSV Blend

#C6B6C2 - #C9C0E3 | 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 #C6B6C2 as 0% and #C9C0E3 as 100%.

0.0%	0.0% #C6B6C2	RGB 198 182 194	#C6B6C2
16.7%	16.7% #CAB7C9	RGB 202 183 201	#CAB7C9
33.3%	33.3% #CDB9CF	RGB 205 185 207	#CDB9CF
50.0%	50.0% #CEBBD4	RGB 206 187 212	#CEBBD4
66.7%	66.7% #CDBDD9	RGB 205 189 217	#CDBDD9
83.3%	83.3% #CBBEDE	RGB 203 190 222	#CBBEDE
100.0%	100.0% #C9C0E3	RGB 201 192 227	#C9C0E3

#C6B6C2 #CAB7C9 #CDB9CF #CEBBD4 #CDBDD9 #CBBEDE #C9C0E3

#C6B6C2 - #CEBBD4 - #C9C0E3

CSS codes

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

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