#C2BEBE - #9F6E6B | 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 #C2BEBE to #9F6E6B

#C2BEBE #9F6E6B

Calculate the color between two colors, #C2BEBE and #9F6E6B. 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)

#C2BEBE - #9F6E6B | 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 #C2BEBE as 0% and #9F6E6B as 100%.

0.0%	0.0% #C2BEBE	RGB 194 190 190	#C2BEBE
16.7%	16.7% #BCB0B0	RGB 188 176 176	#BCB0B0
33.3%	33.3% #B6A3A2	RGB 182 163 162	#B6A3A2
50.0%	50.0% #B09694	RGB 176 150 148	#B09694
66.7%	66.7% #AA8886	RGB 170 136 134	#AA8886
83.3%	83.3% #A47B78	RGB 164 123 120	#A47B78
100.0%	100.0% #9F6E6B	RGB 159 110 107	#9F6E6B

#C2BEBE #BCB0B0 #B6A3A2 #B09694 #AA8886 #A47B78 #9F6E6B

#C2BEBE - #9F6E6B

HSV Blend

#C2BEBE - #9F6E6B | 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 #C2BEBE as 0% and #9F6E6B as 100%.

0.0%	0.0% #C2BEBE	RGB 194 190 190	#C2BEBE
16.7%	16.7% #BCAEAE	RGB 188 174 174	#BCAEAE
33.3%	33.3% #B6A09F	RGB 182 160 159	#B6A09F
50.0%	50.0% #B09291	RGB 176 146 145	#B09291
66.7%	66.7% #AA8584	RGB 170 133 132	#AA8584
83.3%	83.3% #A47977	RGB 164 121 119	#A47977
100.0%	100.0% #9F6E6B	RGB 159 110 107	#9F6E6B

#C2BEBE #BCAEAE #B6A09F #B09291 #AA8584 #A47977 #9F6E6B

#C2BEBE - #B09291 - #9F6E6B

CSS codes

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

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