#CFC9CC - #7B6A8F | 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 #CFC9CC to #7B6A8F

#CFC9CC #7B6A8F

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

#CFC9CC - #7B6A8F | 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 #CFC9CC as 0% and #7B6A8F as 100%.

0.0%	0.0% #CFC9CC	RGB 207 201 204	#CFC9CC
16.7%	16.7% #C1B9C1	RGB 193 185 193	#C1B9C1
33.3%	33.3% #B3A9B7	RGB 179 169 183	#B3A9B7
50.0%	50.0% #A599AD	RGB 165 153 173	#A599AD
66.7%	66.7% #9789A3	RGB 151 137 163	#9789A3
83.3%	83.3% #897999	RGB 137 121 153	#897999
100.0%	100.0% #7B6A8F	RGB 123 106 143	#7B6A8F

#CFC9CC #C1B9C1 #B3A9B7 #A599AD #9789A3 #897999 #7B6A8F

#CFC9CC - #7B6A8F

HSV Blend

#CFC9CC - #7B6A8F | 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 #CFC9CC as 0% and #7B6A8F as 100%.

0.0%	0.0% #CFC9CC	RGB 207 201 204	#CFC9CC
16.7%	16.7% #C4B7C0	RGB 196 183 192	#C4B7C0
33.3%	33.3% #B9A6B6	RGB 185 166 182	#B9A6B6
50.0%	50.0% #AE95AF	RGB 174 149 175	#AE95AF
66.7%	66.7% #9E86A4	RGB 158 134 164	#9E86A4
83.3%	83.3% #8D7799	RGB 141 119 153	#8D7799
100.0%	100.0% #7B6A8F	RGB 123 106 143	#7B6A8F

#CFC9CC #C4B7C0 #B9A6B6 #AE95AF #9E86A4 #8D7799 #7B6A8F

#CFC9CC - #AE95AF - #7B6A8F

CSS codes

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

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