#CDCBCB - #A07E7B | 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 #CDCBCB to #A07E7B

#CDCBCB #A07E7B

Calculate the color between two colors, #CDCBCB and #A07E7B. 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)

#CDCBCB - #A07E7B | 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 #CDCBCB as 0% and #A07E7B as 100%.

0.0%	0.0% #CDCBCB	RGB 205 203 203	#CDCBCB
16.7%	16.7% #C5BEBD	RGB 197 190 189	#C5BEBD
33.3%	33.3% #BEB1B0	RGB 190 177 176	#BEB1B0
50.0%	50.0% #B6A4A3	RGB 182 164 163	#B6A4A3
66.7%	66.7% #AF9795	RGB 175 151 149	#AF9795
83.3%	83.3% #A78A88	RGB 167 138 136	#A78A88
100.0%	100.0% #A07E7B	RGB 160 126 123	#A07E7B

#CDCBCB #C5BEBD #BEB1B0 #B6A4A3 #AF9795 #A78A88 #A07E7B

#CDCBCB - #A07E7B

HSV Blend

#CDCBCB - #A07E7B | 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 #CDCBCB as 0% and #A07E7B as 100%.

0.0%	0.0% #CDCBCB	RGB 205 203 203	#CDCBCB
16.7%	16.7% #C5BCBC	RGB 197 188 188	#C5BCBC
33.3%	33.3% #BEAEAE	RGB 190 174 174	#BEAEAE
50.0%	50.0% #B6A1A0	RGB 182 161 160	#B6A1A0
66.7%	66.7% #AF9493	RGB 175 148 147	#AF9493
83.3%	83.3% #A78986	RGB 167 137 134	#A78986
100.0%	100.0% #A07E7B	RGB 160 126 123	#A07E7B

#CDCBCB #C5BCBC #BEAEAE #B6A1A0 #AF9493 #A78986 #A07E7B

#CDCBCB - #B6A1A0 - #A07E7B

CSS codes

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

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