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

#2D253B #C3C0C7

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

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

0.0%	0.0% #2D253B	RGB 45 37 59	#2D253B
16.7%	16.7% #463E52	RGB 70 62 82	#463E52
33.3%	33.3% #5F5869	RGB 95 88 105	#5F5869
50.0%	50.0% #787281	RGB 120 114 129	#787281
66.7%	66.7% #918C98	RGB 145 140 152	#918C98
83.3%	83.3% #AAA6AF	RGB 170 166 175	#AAA6AF
100.0%	100.0% #C3C0C7	RGB 195 192 199	#C3C0C7

#2D253B #463E52 #5F5869 #787281 #918C98 #AAA6AF #C3C0C7

#2D253B - #C3C0C7

HSV Blend

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

0.0%	0.0% #2C253B	RGB 44 37 59	#2C253B
16.7%	16.7% #423852	RGB 66 56 82	#423852
33.3%	33.3% #584E69	RGB 88 78 105	#584E69
50.0%	50.0% #716681	RGB 113 102 129	#716681
66.7%	66.7% #8A8198	RGB 138 129 152	#8A8198
83.3%	83.3% #A69FAF	RGB 166 159 175	#A69FAF
100.0%	100.0% #C3C0C7	RGB 195 192 199	#C3C0C7

#2C253B #423852 #584E69 #716681 #8A8198 #A69FAF #C3C0C7

#2D253B - #716681 - #C3C0C7

CSS codes

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

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