#CFC9CF - #6D6A8F | 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 #CFC9CF to #6D6A8F

#CFC9CF #6D6A8F

Calculate the color between two colors, #CFC9CF and #6D6A8F. 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)

#CFC9CF - #6D6A8F | 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 #CFC9CF as 0% and #6D6A8F as 100%.

0.0%	0.0% #CFC9CF	RGB 207 201 207	#CFC9CF
16.7%	16.7% #BEB9C4	RGB 190 185 196	#BEB9C4
33.3%	33.3% #AEA9B9	RGB 174 169 185	#AEA9B9
50.0%	50.0% #9E99AF	RGB 158 153 175	#9E99AF
66.7%	66.7% #8D89A4	RGB 141 137 164	#8D89A4
83.3%	83.3% #7D7999	RGB 125 121 153	#7D7999
100.0%	100.0% #6D6A8F	RGB 109 106 143	#6D6A8F

#CFC9CF #BEB9C4 #AEA9B9 #9E99AF #8D89A4 #7D7999 #6D6A8F

#CFC9CF - #6D6A8F

HSV Blend

#CFC9CF - #6D6A8F | 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 #CFC9CF as 0% and #6D6A8F as 100%.

0.0%	0.0% #CFC9CF	RGB 207 201 207	#CFC9CF
16.7%	16.7% #C2B7C4	RGB 194 183 196	#C2B7C4
33.3%	33.3% #B3A6B9	RGB 179 166 185	#B3A6B9
50.0%	50.0% #A395AF	RGB 163 149 175	#A395AF
66.7%	66.7% #9186A4	RGB 145 134 164	#9186A4
83.3%	83.3% #7F7799	RGB 127 119 153	#7F7799
100.0%	100.0% #6D6A8F	RGB 109 106 143	#6D6A8F

#CFC9CF #C2B7C4 #B3A6B9 #A395AF #9186A4 #7F7799 #6D6A8F

#CFC9CF - #A395AF - #6D6A8F

CSS codes

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

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