#C8C0ED - #393643 | 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 #C8C0ED to #393643

#C8C0ED #393643

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

#C8C0ED - #393643 | 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 #C8C0ED as 0% and #393643 as 100%.

0.0%	0.0% #C8C0ED	RGB 200 192 237	#C8C0ED
16.7%	16.7% #B0A9D0	RGB 176 169 208	#B0A9D0
33.3%	33.3% #9892B4	RGB 152 146 180	#9892B4
50.0%	50.0% #807B98	RGB 128 123 152	#807B98
66.7%	66.7% #68647B	RGB 104 100 123	#68647B
83.3%	83.3% #504D5F	RGB 80 77 95	#504D5F
100.0%	100.0% #393643	RGB 57 54 67	#393643

#C8C0ED #B0A9D0 #9892B4 #807B98 #68647B #504D5F #393643

#C8C0ED - #393643

HSV Blend

#C8C0ED - #393643 | 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 #C8C0ED as 0% and #393643 as 100%.

0.0%	0.0% #C8C0ED	RGB 200 192 237	#C8C0ED
16.7%	16.7% #B0A8D0	RGB 176 168 208	#B0A8D0
33.3%	33.3% #9891B4	RGB 152 145 180	#9891B4
50.0%	50.0% #807A98	RGB 128 122 152	#807A98
66.7%	66.7% #68637B	RGB 104 99 123	#68637B
83.3%	83.3% #504C5F	RGB 80 76 95	#504C5F
100.0%	100.0% #393643	RGB 57 54 67	#393643

#C8C0ED #B0A8D0 #9891B4 #807A98 #68637B #504C5F #393643

#C8C0ED - #807A98 - #393643

CSS codes

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

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