#CCBCB5 - #AF7561 | 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 #CCBCB5 to #AF7561

#CCBCB5 #AF7561

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

#CCBCB5 - #AF7561 | 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 #CCBCB5 as 0% and #AF7561 as 100%.

0.0%	0.0% #CCBCB5	RGB 204 188 181	#CCBCB5
16.7%	16.7% #C7B0A7	RGB 199 176 167	#C7B0A7
33.3%	33.3% #C2A499	RGB 194 164 153	#C2A499
50.0%	50.0% #BD988B	RGB 189 152 139	#BD988B
66.7%	66.7% #B88C7D	RGB 184 140 125	#B88C7D
83.3%	83.3% #B3806F	RGB 179 128 111	#B3806F
100.0%	100.0% #AF7561	RGB 175 117 97	#AF7561

#CCBCB5 #C7B0A7 #C2A499 #BD988B #B88C7D #B3806F #AF7561

#CCBCB5 - #AF7561

HSV Blend

#CCBCB5 - #AF7561 | 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 #CCBCB5 as 0% and #AF7561 as 100%.

0.0%	0.0% #CCBCB5	RGB 204 188 181	#CCBCB5
16.7%	16.7% #C7AFA5	RGB 199 175 165	#C7AFA5
33.3%	33.3% #C2A396	RGB 194 163 150	#C2A396
50.0%	50.0% #BD9788	RGB 189 151 136	#BD9788
66.7%	66.7% #B88B7A	RGB 184 139 122	#B88B7A
83.3%	83.3% #B3806D	RGB 179 128 109	#B3806D
100.0%	100.0% #AF7561	RGB 175 117 97	#AF7561

#CCBCB5 #C7AFA5 #C2A396 #BD9788 #B88B7A #B3806D #AF7561

#CCBCB5 - #BD9788 - #AF7561

CSS codes

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

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