#C3C0D3 - #37363C | 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 #C3C0D3 to #37363C

#C3C0D3 #37363C

Calculate the color between two colors, #C3C0D3 and #37363C. 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)

#C3C0D3 - #37363C | 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 #C3C0D3 as 0% and #37363C as 100%.

0.0%	0.0% #C3C0D3	RGB 195 192 211	#C3C0D3
16.7%	16.7% #ABA9B9	RGB 171 169 185	#ABA9B9
33.3%	33.3% #9492A0	RGB 148 146 160	#9492A0
50.0%	50.0% #7D7B87	RGB 125 123 135	#7D7B87
66.7%	66.7% #65646E	RGB 101 100 110	#65646E
83.3%	83.3% #4E4D55	RGB 78 77 85	#4E4D55
100.0%	100.0% #37363C	RGB 55 54 60	#37363C

#C3C0D3 #ABA9B9 #9492A0 #7D7B87 #65646E #4E4D55 #37363C

#C3C0D3 - #37363C

HSV Blend

#C3C0D3 - #37363C | 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 #C3C0D3 as 0% and #37363C as 100%.

0.0%	0.0% #C3C0D3	RGB 195 192 211	#C3C0D3
16.7%	16.7% #ABA8B9	RGB 171 168 185	#ABA8B9
33.3%	33.3% #9491A0	RGB 148 145 160	#9491A0
50.0%	50.0% #7C7A87	RGB 124 122 135	#7C7A87
66.7%	66.7% #65636E	RGB 101 99 110	#65636E
83.3%	83.3% #4E4C55	RGB 78 76 85	#4E4C55
100.0%	100.0% #37363C	RGB 55 54 60	#37363C

#C3C0D3 #ABA8B9 #9491A0 #7C7A87 #65636E #4E4C55 #37363C

#C3C0D3 - #7C7A87 - #37363C

CSS codes

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

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