#CCBDB7 - #AF7663 | 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 #CCBDB7 to #AF7663

#CCBDB7 #AF7663

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

#CCBDB7 - #AF7663 | 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 #CCBDB7 as 0% and #AF7663 as 100%.

0.0%	0.0% #CCBDB7	RGB 204 189 183	#CCBDB7
16.7%	16.7% #C7B1A9	RGB 199 177 169	#C7B1A9
33.3%	33.3% #C2A59B	RGB 194 165 155	#C2A59B
50.0%	50.0% #BD998D	RGB 189 153 141	#BD998D
66.7%	66.7% #B88D7F	RGB 184 141 127	#B88D7F
83.3%	83.3% #B38171	RGB 179 129 113	#B38171
100.0%	100.0% #AF7663	RGB 175 118 99	#AF7663

#CCBDB7 #C7B1A9 #C2A59B #BD998D #B88D7F #B38171 #AF7663

#CCBDB7 - #AF7663

HSV Blend

#CCBDB7 - #AF7663 | 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 #CCBDB7 as 0% and #AF7663 as 100%.

0.0%	0.0% #CCBDB7	RGB 204 189 183	#CCBDB7
16.7%	16.7% #C7B0A7	RGB 199 176 167	#C7B0A7
33.3%	33.3% #C2A498	RGB 194 164 152	#C2A498
50.0%	50.0% #BD988A	RGB 189 152 138	#BD988A
66.7%	66.7% #B88C7C	RGB 184 140 124	#B88C7C
83.3%	83.3% #B3816F	RGB 179 129 111	#B3816F
100.0%	100.0% #AF7663	RGB 175 118 99	#AF7663

#CCBDB7 #C7B0A7 #C2A498 #BD988A #B88C7C #B3816F #AF7663

#CCBDB7 - #BD988A - #AF7663

CSS codes

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

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