#CFC3CC - #A16E8F | 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 #CFC3CC to #A16E8F

#CFC3CC #A16E8F

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

#CFC3CC - #A16E8F | 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 #CFC3CC as 0% and #A16E8F as 100%.

0.0%	0.0% #CFC3CC	RGB 207 195 204	#CFC3CC
16.7%	16.7% #C7B4C1	RGB 199 180 193	#C7B4C1
33.3%	33.3% #BFA6B7	RGB 191 166 183	#BFA6B7
50.0%	50.0% #B898AD	RGB 184 152 173	#B898AD
66.7%	66.7% #B08AA3	RGB 176 138 163	#B08AA3
83.3%	83.3% #A87C99	RGB 168 124 153	#A87C99
100.0%	100.0% #A16E8F	RGB 161 110 143	#A16E8F

#CFC3CC #C7B4C1 #BFA6B7 #B898AD #B08AA3 #A87C99 #A16E8F

#CFC3CC - #A16E8F

HSV Blend

#CFC3CC - #A16E8F | 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 #CFC3CC as 0% and #A16E8F as 100%.

0.0%	0.0% #CFC3CC	RGB 207 195 204	#CFC3CC
16.7%	16.7% #C7B3C1	RGB 199 179 193	#C7B3C1
33.3%	33.3% #BFA4B7	RGB 191 164 183	#BFA4B7
50.0%	50.0% #B895AD	RGB 184 149 173	#B895AD
66.7%	66.7% #B087A3	RGB 176 135 163	#B087A3
83.3%	83.3% #A87A99	RGB 168 122 153	#A87A99
100.0%	100.0% #A16E8F	RGB 161 110 143	#A16E8F

#CFC3CC #C7B3C1 #BFA4B7 #B895AD #B087A3 #A87A99 #A16E8F

#CFC3CC - #B895AD - #A16E8F

CSS codes

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

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