#C0BBC6 - #FFD6FB | 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 #C0BBC6 to #FFD6FB

#C0BBC6 #FFD6FB

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

#C0BBC6 - #FFD6FB | 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 #C0BBC6 as 0% and #FFD6FB as 100%.

0.0%	0.0% #C0BBC6	RGB 192 187 198	#C0BBC6
16.7%	16.7% #CABFCE	RGB 202 191 206	#CABFCE
33.3%	33.3% #D5C4D7	RGB 213 196 215	#D5C4D7
50.0%	50.0% #DFC8E0	RGB 223 200 224	#DFC8E0
66.7%	66.7% #EACDE9	RGB 234 205 233	#EACDE9
83.3%	83.3% #F4D1F2	RGB 244 209 242	#F4D1F2
100.0%	100.0% #FFD6FB	RGB 255 214 251	#FFD6FB

#C0BBC6 #CABFCE #D5C4D7 #DFC8E0 #EACDE9 #F4D1F2 #FFD6FB

#C0BBC6 - #FFD6FB

HSV Blend

#C0BBC6 - #FFD6FB | 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 #C0BBC6 as 0% and #FFD6FB as 100%.

0.0%	0.0% #C0BBC6	RGB 192 187 198	#C0BBC6
16.7%	16.7% #C8C0CF	RGB 200 192 207	#C8C0CF
33.3%	33.3% #D2C5D9	RGB 210 197 217	#D2C5D9
50.0%	50.0% #DDC9E2	RGB 221 201 226	#DDC9E2
66.7%	66.7% #E8CEEC	RGB 232 206 236	#E8CEEC
83.3%	83.3% #F5D2F5	RGB 245 210 245	#F5D2F5
100.0%	100.0% #FFD6FB	RGB 255 214 251	#FFD6FB

#C0BBC6 #C8C0CF #D2C5D9 #DDC9E2 #E8CEEC #F5D2F5 #FFD6FB

#C0BBC6 - #DDC9E2 - #FFD6FB

CSS codes

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

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