#C7BDC1 - #906F7C | 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 #C7BDC1 to #906F7C

#C7BDC1 #906F7C

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

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

0.0%	0.0% #C7BDC1	RGB 199 189 193	#C7BDC1
16.7%	16.7% #BDB0B5	RGB 189 176 181	#BDB0B5
33.3%	33.3% #B4A3AA	RGB 180 163 170	#B4A3AA
50.0%	50.0% #AB969E	RGB 171 150 158	#AB969E
66.7%	66.7% #A28993	RGB 162 137 147	#A28993
83.3%	83.3% #997C87	RGB 153 124 135	#997C87
100.0%	100.0% #906F7C	RGB 144 111 124	#906F7C

#C7BDC1 #BDB0B5 #B4A3AA #AB969E #A28993 #997C87 #906F7C

#C7BDC1 - #906F7C

HSV Blend

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

0.0%	0.0% #C7BDC1	RGB 199 189 193	#C7BDC1
16.7%	16.7% #BDAEB4	RGB 189 174 180	#BDAEB4
33.3%	33.3% #B4A0A8	RGB 180 160 168	#B4A0A8
50.0%	50.0% #AB939D	RGB 171 147 157	#AB939D
66.7%	66.7% #A28691	RGB 162 134 145	#A28691
83.3%	83.3% #997A86	RGB 153 122 134	#997A86
100.0%	100.0% #906F7C	RGB 144 111 124	#906F7C

#C7BDC1 #BDAEB4 #B4A0A8 #AB939D #A28691 #997A86 #906F7C

#C7BDC1 - #AB939D - #906F7C

CSS codes

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

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