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

#2D253E #C3C0C7

Calculate the color between two colors, #2D253E 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)

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

0.0%	0.0% #2D253E	RGB 45 37 62	#2D253E
16.7%	16.7% #463E54	RGB 70 62 84	#463E54
33.3%	33.3% #5F586B	RGB 95 88 107	#5F586B
50.0%	50.0% #787282	RGB 120 114 130	#787282
66.7%	66.7% #918C99	RGB 145 140 153	#918C99
83.3%	83.3% #AAA6B0	RGB 170 166 176	#AAA6B0
100.0%	100.0% #C3C0C7	RGB 195 192 199	#C3C0C7

#2D253E #463E54 #5F586B #787282 #918C99 #AAA6B0 #C3C0C7

#2D253E - #C3C0C7

HSV Blend

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

0.0%	0.0% #2C253E	RGB 44 37 62	#2C253E
16.7%	16.7% #413754	RGB 65 55 84	#413754
33.3%	33.3% #584D6B	RGB 88 77 107	#584D6B
50.0%	50.0% #706582	RGB 112 101 130	#706582
66.7%	66.7% #8A8199	RGB 138 129 153	#8A8199
83.3%	83.3% #A69FB0	RGB 166 159 176	#A69FB0
100.0%	100.0% #C3C0C7	RGB 195 192 199	#C3C0C7

#2C253E #413754 #584D6B #706582 #8A8199 #A69FB0 #C3C0C7

#2D253E - #706582 - #C3C0C7

CSS codes

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

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