#C2B8ED - #373443 | 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 #C2B8ED to #373443

#C2B8ED #373443

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

#C2B8ED - #373443 | 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 #C2B8ED as 0% and #373443 as 100%.

0.0%	0.0% #C2B8ED	RGB 194 184 237	#C2B8ED
16.7%	16.7% #AAA2D0	RGB 170 162 208	#AAA2D0
33.3%	33.3% #938CB4	RGB 147 140 180	#938CB4
50.0%	50.0% #7C7698	RGB 124 118 152	#7C7698
66.7%	66.7% #65607B	RGB 101 96 123	#65607B
83.3%	83.3% #4E4A5F	RGB 78 74 95	#4E4A5F
100.0%	100.0% #373443	RGB 55 52 67	#373443

#C2B8ED #AAA2D0 #938CB4 #7C7698 #65607B #4E4A5F #373443

#C2B8ED - #373443

HSV Blend

#C2B8ED - #373443 | 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 #C2B8ED as 0% and #373443 as 100%.

0.0%	0.0% #C2B8ED	RGB 194 184 237	#C2B8ED
16.7%	16.7% #AAA1D0	RGB 170 161 208	#AAA1D0
33.3%	33.3% #938BB4	RGB 147 139 180	#938BB4
50.0%	50.0% #7C7598	RGB 124 117 152	#7C7598
66.7%	66.7% #655F7B	RGB 101 95 123	#655F7B
83.3%	83.3% #4E495F	RGB 78 73 95	#4E495F
100.0%	100.0% #373443	RGB 55 52 67	#373443

#C2B8ED #AAA1D0 #938BB4 #7C7598 #655F7B #4E495F #373443

#C2B8ED - #7C7598 - #373443

CSS codes

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

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