#C7AFB7 - #CFE1DC | 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 #C7AFB7 to #CFE1DC

#C7AFB7 #CFE1DC

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

#C7AFB7 - #CFE1DC | 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 #C7AFB7 as 0% and #CFE1DC as 100%.

0.0%	0.0% #C7AFB7	RGB 199 175 183	#C7AFB7
16.7%	16.7% #C8B7BD	RGB 200 183 189	#C8B7BD
33.3%	33.3% #C9BFC3	RGB 201 191 195	#C9BFC3
50.0%	50.0% #CBC8C9	RGB 203 200 201	#CBC8C9
66.7%	66.7% #CCD0CF	RGB 204 208 207	#CCD0CF
83.3%	83.3% #CDD8D5	RGB 205 216 213	#CDD8D5
100.0%	100.0% #CFE1DC	RGB 207 225 220	#CFE1DC

#C7AFB7 #C8B7BD #C9BFC3 #CBC8C9 #CCD0CF #CDD8D5 #CFE1DC

#C7AFB7 - #CFE1DC

HSV Blend

#C7AFB7 - #CFE1DC | 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 #C7AFB7 as 0% and #CFE1DC as 100%.

0.0%	0.0% #C7AFB7	RGB 199 175 183	#C7AFB7
16.7%	16.7% #CBB4C7	RGB 203 180 199	#CBB4C7
33.3%	33.3% #C8B9CF	RGB 200 185 207	#C8B9CF
50.0%	50.0% #C2BED4	RGB 194 190 212	#C2BED4
66.7%	66.7% #C4CAD8	RGB 196 202 216	#C4CAD8
83.3%	83.3% #C9D8DC	RGB 201 216 220	#C9D8DC
100.0%	100.0% #CFE1DC	RGB 207 225 220	#CFE1DC

#C7AFB7 #CBB4C7 #C8B9CF #C2BED4 #C4CAD8 #C9D8DC #CFE1DC

#C7AFB7 - #C2BED4 - #CFE1DC

CSS codes

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

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