#CCBCBC - #B56F68 | 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 #B56F68

#CCBCBC #B56F68

Calculate the color between two colors, #CCBCBC and #B56F68. 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 - #B56F68 | 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 #B56F68 as 100%.

0.0%	0.0% #CCBCBC	RGB 204 188 188	#CCBCBC
16.7%	16.7% #C8AFAE	RGB 200 175 174	#C8AFAE
33.3%	33.3% #C4A2A0	RGB 196 162 160	#C4A2A0
50.0%	50.0% #C09592	RGB 192 149 146	#C09592
66.7%	66.7% #BC8884	RGB 188 136 132	#BC8884
83.3%	83.3% #B87B76	RGB 184 123 118	#B87B76
100.0%	100.0% #B56F68	RGB 181 111 104	#B56F68

#CCBCBC #C8AFAE #C4A2A0 #C09592 #BC8884 #B87B76 #B56F68

#CCBCBC - #B56F68

HSV Blend

#CCBCBC - #B56F68 | 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 #B56F68 as 100%.

0.0%	0.0% #CCBCBC	RGB 204 188 188	#CCBCBC
16.7%	16.7% #C8ADAC	RGB 200 173 172	#C8ADAC
33.3%	33.3% #C49F9E	RGB 196 159 158	#C49F9E
50.0%	50.0% #C09290	RGB 192 146 144	#C09290
66.7%	66.7% #BC8582	RGB 188 133 130	#BC8582
83.3%	83.3% #B87A74	RGB 184 122 116	#B87A74
100.0%	100.0% #B56F68	RGB 181 111 104	#B56F68

#CCBCBC #C8ADAC #C49F9E #C09290 #BC8582 #B87A74 #B56F68

#CCBCBC - #C09290 - #B56F68

CSS codes

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

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