#CDB6B9 - #97656C | 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 #CDB6B9 to #97656C

#CDB6B9 #97656C

Calculate the color between two colors, #CDB6B9 and #97656C. 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)

#CDB6B9 - #97656C | 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 #CDB6B9 as 0% and #97656C as 100%.

0.0%	0.0% #CDB6B9	RGB 205 182 185	#CDB6B9
16.7%	16.7% #C4A8AC	RGB 196 168 172	#C4A8AC
33.3%	33.3% #BB9B9F	RGB 187 155 159	#BB9B9F
50.0%	50.0% #B28D92	RGB 178 141 146	#B28D92
66.7%	66.7% #A98085	RGB 169 128 133	#A98085
83.3%	83.3% #A07278	RGB 160 114 120	#A07278
100.0%	100.0% #97656C	RGB 151 101 108	#97656C

#CDB6B9 #C4A8AC #BB9B9F #B28D92 #A98085 #A07278 #97656C

#CDB6B9 - #97656C

HSV Blend

#CDB6B9 - #97656C | 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 #CDB6B9 as 0% and #97656C as 100%.

0.0%	0.0% #CDB6B9	RGB 205 182 185	#CDB6B9
16.7%	16.7% #C4A6AA	RGB 196 166 170	#C4A6AA
33.3%	33.3% #BB989C	RGB 187 152 156	#BB989C
50.0%	50.0% #B28A8F	RGB 178 138 143	#B28A8F
66.7%	66.7% #A97D83	RGB 169 125 131	#A97D83
83.3%	83.3% #A07077	RGB 160 112 119	#A07077
100.0%	100.0% #97656C	RGB 151 101 108	#97656C

#CDB6B9 #C4A6AA #BB989C #B28A8F #A97D83 #A07077 #97656C

#CDB6B9 - #B28A8F - #97656C

CSS codes

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

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