#C7BDBE - #906F73 | 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 #C7BDBE to #906F73

#C7BDBE #906F73

Calculate the color between two colors, #C7BDBE and #906F73. 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)

#C7BDBE - #906F73 | 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 #C7BDBE as 0% and #906F73 as 100%.

0.0%	0.0% #C7BDBE	RGB 199 189 190	#C7BDBE
16.7%	16.7% #BDB0B1	RGB 189 176 177	#BDB0B1
33.3%	33.3% #B4A3A5	RGB 180 163 165	#B4A3A5
50.0%	50.0% #AB9698	RGB 171 150 152	#AB9698
66.7%	66.7% #A2898C	RGB 162 137 140	#A2898C
83.3%	83.3% #997C7F	RGB 153 124 127	#997C7F
100.0%	100.0% #906F73	RGB 144 111 115	#906F73

#C7BDBE #BDB0B1 #B4A3A5 #AB9698 #A2898C #997C7F #906F73

#C7BDBE - #906F73

HSV Blend

#C7BDBE - #906F73 | 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 #C7BDBE as 0% and #906F73 as 100%.

0.0%	0.0% #C7BDBE	RGB 199 189 190	#C7BDBE
16.7%	16.7% #BDAEB0	RGB 189 174 176	#BDAEB0
33.3%	33.3% #B4A0A2	RGB 180 160 162	#B4A0A2
50.0%	50.0% #AB9396	RGB 171 147 150	#AB9396
66.7%	66.7% #A28689	RGB 162 134 137	#A28689
83.3%	83.3% #997A7E	RGB 153 122 126	#997A7E
100.0%	100.0% #906F73	RGB 144 111 115	#906F73

#C7BDBE #BDAEB0 #B4A0A2 #AB9396 #A28689 #997A7E #906F73

#C7BDBE - #AB9396 - #906F73

CSS codes

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

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