#CFC9CB - #896A8F | 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 #CFC9CB to #896A8F

#CFC9CB #896A8F

Calculate the color between two colors, #CFC9CB and #896A8F. 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)

#CFC9CB - #896A8F | 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 #CFC9CB as 0% and #896A8F as 100%.

0.0%	0.0% #CFC9CB	RGB 207 201 203	#CFC9CB
16.7%	16.7% #C3B9C1	RGB 195 185 193	#C3B9C1
33.3%	33.3% #B7A9B7	RGB 183 169 183	#B7A9B7
50.0%	50.0% #AC99AD	RGB 172 153 173	#AC99AD
66.7%	66.7% #A089A3	RGB 160 137 163	#A089A3
83.3%	83.3% #947999	RGB 148 121 153	#947999
100.0%	100.0% #896A8F	RGB 137 106 143	#896A8F

#CFC9CB #C3B9C1 #B7A9B7 #AC99AD #A089A3 #947999 #896A8F

#CFC9CB - #896A8F

HSV Blend

#CFC9CB - #896A8F | 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 #CFC9CB as 0% and #896A8F as 100%.

0.0%	0.0% #CFC9CB	RGB 207 201 203	#CFC9CB
16.7%	16.7% #C4B7BD	RGB 196 183 189	#C4B7BD
33.3%	33.3% #B9A6B2	RGB 185 166 178	#B9A6B2
50.0%	50.0% #AF95A8	RGB 175 149 168	#AF95A8
66.7%	66.7% #A486A0	RGB 164 134 160	#A486A0
83.3%	83.3% #987799	RGB 152 119 153	#987799
100.0%	100.0% #896A8F	RGB 137 106 143	#896A8F

#CFC9CB #C4B7BD #B9A6B2 #AF95A8 #A486A0 #987799 #896A8F

#CFC9CB - #AF95A8 - #896A8F

CSS codes

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

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