#CCBCBC - #AF696C | 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 #CCBCBC to #AF696C

#CCBCBC #AF696C

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

#CCBCBC - #AF696C | 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 #CCBCBC as 0% and #AF696C as 100%.

0.0%	0.0% #CCBCBC	RGB 204 188 188	#CCBCBC
16.7%	16.7% #C7AEAE	RGB 199 174 174	#C7AEAE
33.3%	33.3% #C2A0A1	RGB 194 160 161	#C2A0A1
50.0%	50.0% #BD9294	RGB 189 146 148	#BD9294
66.7%	66.7% #B88486	RGB 184 132 134	#B88486
83.3%	83.3% #B37679	RGB 179 118 121	#B37679
100.0%	100.0% #AF696C	RGB 175 105 108	#AF696C

#CCBCBC #C7AEAE #C2A0A1 #BD9294 #B88486 #B37679 #AF696C

#CCBCBC - #AF696C

HSV Blend

#CCBCBC - #AF696C | 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 #CCBCBC as 0% and #AF696C as 100%.

0.0%	0.0% #CCBCBC	RGB 204 188 188	#CCBCBC
16.7%	16.7% #C7ACAD	RGB 199 172 173	#C7ACAD
33.3%	33.3% #C29E9E	RGB 194 158 158	#C29E9E
50.0%	50.0% #BD9091	RGB 189 144 145	#BD9091
66.7%	66.7% #B88284	RGB 184 130 132	#B88284
83.3%	83.3% #B37577	RGB 179 117 119	#B37577
100.0%	100.0% #AF696C	RGB 175 105 108	#AF696C

#CCBCBC #C7ACAD #C29E9E #BD9091 #B88284 #B37577 #AF696C

#CCBCBC - #BD9091 - #AF696C

CSS codes

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

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