#2D233E - #C3C0C7 | 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 #2D233E to #C3C0C7

#2D233E #C3C0C7

Calculate the color between two colors, #2D233E and #C3C0C7. 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)

#2D233E - #C3C0C7 | 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 #2D233E as 0% and #C3C0C7 as 100%.

0.0%	0.0% #2D233E	RGB 45 35 62	#2D233E
16.7%	16.7% #463D54	RGB 70 61 84	#463D54
33.3%	33.3% #5F576B	RGB 95 87 107	#5F576B
50.0%	50.0% #787182	RGB 120 113 130	#787182
66.7%	66.7% #918B99	RGB 145 139 153	#918B99
83.3%	83.3% #AAA5B0	RGB 170 165 176	#AAA5B0
100.0%	100.0% #C3C0C7	RGB 195 192 199	#C3C0C7

#2D233E #463D54 #5F576B #787182 #918B99 #AAA5B0 #C3C0C7

#2D233E - #C3C0C7

HSV Blend

#2D233E - #C3C0C7 | 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 #2D233E as 0% and #C3C0C7 as 100%.

0.0%	0.0% #2D233E	RGB 45 35 62	#2D233E
16.7%	16.7% #413554	RGB 65 53 84	#413554
33.3%	33.3% #574B6B	RGB 87 75 107	#574B6B
50.0%	50.0% #706382	RGB 112 99 130	#706382
66.7%	66.7% #8A7F99	RGB 138 127 153	#8A7F99
83.3%	83.3% #A59EB0	RGB 165 158 176	#A59EB0
100.0%	100.0% #C3C0C7	RGB 195 192 199	#C3C0C7

#2D233E #413554 #574B6B #706382 #8A7F99 #A59EB0 #C3C0C7

#2D233E - #706382 - #C3C0C7

CSS codes

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

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