#CFC8CD - #8C6F8F | 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 #CFC8CD to #8C6F8F

#CFC8CD #8C6F8F

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

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

0.0%	0.0% #CFC8CD	RGB 207 200 205	#CFC8CD
16.7%	16.7% #C3B9C2	RGB 195 185 194	#C3B9C2
33.3%	33.3% #B8AAB8	RGB 184 170 184	#B8AAB8
50.0%	50.0% #AD9BAE	RGB 173 155 174	#AD9BAE
66.7%	66.7% #A28CA3	RGB 162 140 163	#A28CA3
83.3%	83.3% #977D99	RGB 151 125 153	#977D99
100.0%	100.0% #8C6F8F	RGB 140 111 143	#8C6F8F

#CFC8CD #C3B9C2 #B8AAB8 #AD9BAE #A28CA3 #977D99 #8C6F8F

#CFC8CD - #8C6F8F

HSV Blend

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

0.0%	0.0% #CFC8CD	RGB 207 200 205	#CFC8CD
16.7%	16.7% #C4B7C1	RGB 196 183 193	#C4B7C1
33.3%	33.3% #B9A7B6	RGB 185 167 182	#B9A7B6
50.0%	50.0% #AF98AC	RGB 175 152 172	#AF98AC
66.7%	66.7% #A489A3	RGB 164 137 163	#A489A3
83.3%	83.3% #987C99	RGB 152 124 153	#987C99
100.0%	100.0% #8C6F8F	RGB 140 111 143	#8C6F8F

#CFC8CD #C4B7C1 #B9A7B6 #AF98AC #A489A3 #987C99 #8C6F8F

#CFC8CD - #AF98AC - #8C6F8F

CSS codes

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

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