#CCC2BB - #AD8168 | 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 #CCC2BB to #AD8168

#CCC2BB #AD8168

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

#CCC2BB - #AD8168 | 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 #CCC2BB as 0% and #AD8168 as 100%.

0.0%	0.0% #CCC2BB	RGB 204 194 187	#CCC2BB
16.7%	16.7% #C6B7AD	RGB 198 183 173	#C6B7AD
33.3%	33.3% #C1AC9F	RGB 193 172 159	#C1AC9F
50.0%	50.0% #BCA191	RGB 188 161 145	#BCA191
66.7%	66.7% #B79683	RGB 183 150 131	#B79683
83.3%	83.3% #B28B75	RGB 178 139 117	#B28B75
100.0%	100.0% #AD8168	RGB 173 129 104	#AD8168

#CCC2BB #C6B7AD #C1AC9F #BCA191 #B79683 #B28B75 #AD8168

#CCC2BB - #AD8168

HSV Blend

#CCC2BB - #AD8168 | 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 #CCC2BB as 0% and #AD8168 as 100%.

0.0%	0.0% #CCC2BB	RGB 204 194 187	#CCC2BB
16.7%	16.7% #C6B6AB	RGB 198 182 171	#C6B6AB
33.3%	33.3% #C1AB9D	RGB 193 171 157	#C1AB9D
50.0%	50.0% #BCA08F	RGB 188 160 143	#BCA08F
66.7%	66.7% #B79581	RGB 183 149 129	#B79581
83.3%	83.3% #B28B74	RGB 178 139 116	#B28B74
100.0%	100.0% #AD8168	RGB 173 129 104	#AD8168

#CCC2BB #C6B6AB #C1AB9D #BCA08F #B79581 #B28B74 #AD8168

#CCC2BB - #BCA08F - #AD8168

CSS codes

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

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