#C8C8C9 - #FFBDEF | 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 #C8C8C9 to #FFBDEF

#C8C8C9 #FFBDEF

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

#C8C8C9 - #FFBDEF | 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 #C8C8C9 as 0% and #FFBDEF as 100%.

0.0%	0.0% #C8C8C9	RGB 200 200 201	#C8C8C9
16.7%	16.7% #D1C6CF	RGB 209 198 207	#D1C6CF
33.3%	33.3% #DAC4D5	RGB 218 196 213	#DAC4D5
50.0%	50.0% #E3C2DC	RGB 227 194 220	#E3C2DC
66.7%	66.7% #ECC0E2	RGB 236 192 226	#ECC0E2
83.3%	83.3% #F5BEE8	RGB 245 190 232	#F5BEE8
100.0%	100.0% #FFBDEF	RGB 255 189 239	#FFBDEF

#C8C8C9 #D1C6CF #DAC4D5 #E3C2DC #ECC0E2 #F5BEE8 #FFBDEF

#C8C8C9 - #FFBDEF

HSV Blend

#C8C8C9 - #FFBDEF | 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 #C8C8C9 as 0% and #FFBDEF as 100%.

0.0%	0.0% #C8C8C9	RGB 200 200 201	#C8C8C9
16.7%	16.7% #CAC8D2	RGB 202 200 210	#CAC8D2
33.3%	33.3% #CFC7DB	RGB 207 199 219	#CFC7DB
50.0%	50.0% #D8C5E4	RGB 216 197 228	#D8C5E4
66.7%	66.7% #E5C3ED	RGB 229 195 237	#E5C3ED
83.3%	83.3% #F6C0F4	RGB 246 192 244	#F6C0F4
100.0%	100.0% #FFBDEF	RGB 255 189 239	#FFBDEF

#C8C8C9 #CAC8D2 #CFC7DB #D8C5E4 #E5C3ED #F6C0F4 #FFBDEF

#C8C8C9 - #D8C5E4 - #FFBDEF

CSS codes

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

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