#C7BF9B - #CDCFD4 | 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 #C7BF9B to #CDCFD4

#C7BF9B #CDCFD4

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

#C7BF9B - #CDCFD4 | 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 #C7BF9B as 0% and #CDCFD4 as 100%.

0.0%	0.0% #C7BF9B	RGB 199 191 155	#C7BF9B
16.7%	16.7% #C8C1A4	RGB 200 193 164	#C8C1A4
33.3%	33.3% #C9C4AE	RGB 201 196 174	#C9C4AE
50.0%	50.0% #CAC7B7	RGB 202 199 183	#CAC7B7
66.7%	66.7% #CBC9C1	RGB 203 201 193	#CBC9C1
83.3%	83.3% #CCCCCA	RGB 204 204 202	#CCCCCA
100.0%	100.0% #CDCFD4	RGB 205 207 212	#CDCFD4

#C7BF9B #C8C1A4 #C9C4AE #CAC7B7 #CBC9C1 #CCCCCA #CDCFD4

#C7BF9B - #CDCFD4

HSV Blend

#C7BF9B - #CDCFD4 | 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 #C7BF9B as 0% and #CDCFD4 as 100%.

0.0%	0.0% #C7BF9B	RGB 199 191 155	#C7BF9B
16.7%	16.7% #BDC9A2	RGB 189 201 162	#BDC9A2
33.3%	33.3% #B2CBAB	RGB 178 203 171	#B2CBAB
50.0%	50.0% #B3CDBA	RGB 179 205 186	#B3CDBA
66.7%	66.7% #BBCFCA	RGB 187 207 202	#BBCFCA
83.3%	83.3% #C4CED1	RGB 196 206 209	#C4CED1
100.0%	100.0% #CDCFD4	RGB 205 207 212	#CDCFD4

#C7BF9B #BDC9A2 #B2CBAB #B3CDBA #BBCFCA #C4CED1 #CDCFD4

#C7BF9B - #B3CDBA - #CDCFD4

CSS codes

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

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