#CFCAC3 - #8F6C64 | 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 #CFCAC3 to #8F6C64

#CFCAC3 #8F6C64

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

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

0.0%	0.0% #CFCAC3	RGB 207 202 195	#CFCAC3
16.7%	16.7% #C4BAB3	RGB 196 186 179	#C4BAB3
33.3%	33.3% #B9AAA3	RGB 185 170 163	#B9AAA3
50.0%	50.0% #AF9B93	RGB 175 155 147	#AF9B93
66.7%	66.7% #A48B83	RGB 164 139 131	#A48B83
83.3%	83.3% #997B73	RGB 153 123 115	#997B73
100.0%	100.0% #8F6C64	RGB 143 108 100	#8F6C64

#CFCAC3 #C4BAB3 #B9AAA3 #AF9B93 #A48B83 #997B73 #8F6C64

#CFCAC3 - #8F6C64

HSV Blend

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

0.0%	0.0% #CFCAC3	RGB 207 202 195	#CFCAC3
16.7%	16.7% #C4BBB1	RGB 196 187 177	#C4BBB1
33.3%	33.3% #B9AB9F	RGB 185 171 159	#B9AB9F
50.0%	50.0% #AF9B8F	RGB 175 155 143	#AF9B8F
66.7%	66.7% #A48B80	RGB 164 139 128	#A48B80
83.3%	83.3% #997B71	RGB 153 123 113	#997B71
100.0%	100.0% #8F6C64	RGB 143 108 100	#8F6C64

#CFCAC3 #C4BBB1 #B9AB9F #AF9B8F #A48B80 #997B71 #8F6C64

#CFCAC3 - #AF9B8F - #8F6C64

CSS codes

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

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