#C7A8C5 - #FFC0F4 | 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 #C7A8C5 to #FFC0F4

#C7A8C5 #FFC0F4

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

#C7A8C5 - #FFC0F4 | 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 #C7A8C5 as 0% and #FFC0F4 as 100%.

0.0%	0.0% #C7A8C5	RGB 199 168 197	#C7A8C5
16.7%	16.7% #D0ACCC	RGB 208 172 204	#D0ACCC
33.3%	33.3% #D9B0D4	RGB 217 176 212	#D9B0D4
50.0%	50.0% #E3B4DC	RGB 227 180 220	#E3B4DC
66.7%	66.7% #ECB8E4	RGB 236 184 228	#ECB8E4
83.3%	83.3% #F5BCEC	RGB 245 188 236	#F5BCEC
100.0%	100.0% #FFC0F4	RGB 255 192 244	#FFC0F4

#C7A8C5 #D0ACCC #D9B0D4 #E3B4DC #ECB8E4 #F5BCEC #FFC0F4

#C7A8C5 - #FFC0F4

HSV Blend

#C7A8C5 - #FFC0F4 | 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 #C7A8C5 as 0% and #FFC0F4 as 100%.

0.0%	0.0% #C7A8C5	RGB 199 168 197	#C7A8C5
16.7%	16.7% #D0ACCD	RGB 208 172 205	#D0ACCD
33.3%	33.3% #D9B1D5	RGB 217 177 213	#D9B1D5
50.0%	50.0% #E3B5DD	RGB 227 181 221	#E3B5DD
66.7%	66.7% #ECB9E5	RGB 236 185 229	#ECB9E5
83.3%	83.3% #F5BCEC	RGB 245 188 236	#F5BCEC
100.0%	100.0% #FFC0F4	RGB 255 192 244	#FFC0F4

#C7A8C5 #D0ACCD #D9B1D5 #E3B5DD #ECB9E5 #F5BCEC #FFC0F4

#C7A8C5 - #E3B5DD - #FFC0F4

CSS codes

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

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