#2D2E3C - #C3C3C7 | 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 #2D2E3C to #C3C3C7

#2D2E3C #C3C3C7

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

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

0.0%	0.0% #2D2E3C	RGB 45 46 60	#2D2E3C
16.7%	16.7% #464653	RGB 70 70 83	#464653
33.3%	33.3% #5F5F6A	RGB 95 95 106	#5F5F6A
50.0%	50.0% #787881	RGB 120 120 129	#787881
66.7%	66.7% #919198	RGB 145 145 152	#919198
83.3%	83.3% #AAAAAF	RGB 170 170 175	#AAAAAF
100.0%	100.0% #C3C3C7	RGB 195 195 199	#C3C3C7

#2D2E3C #464653 #5F5F6A #787881 #919198 #AAAAAF #C3C3C7

#2D2E3C - #C3C3C7

HSV Blend

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

0.0%	0.0% #2D2E3C	RGB 45 46 60	#2D2E3C
16.7%	16.7% #414253	RGB 65 66 83	#414253
33.3%	33.3% #57586A	RGB 87 88 106	#57586A
50.0%	50.0% #707081	RGB 112 112 129	#707081
66.7%	66.7% #898A98	RGB 137 138 152	#898A98
83.3%	83.3% #A5A5AF	RGB 165 165 175	#A5A5AF
100.0%	100.0% #C3C3C7	RGB 195 195 199	#C3C3C7

#2D2E3C #414253 #57586A #707081 #898A98 #A5A5AF #C3C3C7

#2D2E3C - #707081 - #C3C3C7

CSS codes

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

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