#2D3F43 - #C3C8C9 | 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 #2D3F43 to #C3C8C9

#2D3F43 #C3C8C9

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

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

0.0%	0.0% #2D3F43	RGB 45 63 67	#2D3F43
16.7%	16.7% #465559	RGB 70 85 89	#465559
33.3%	33.3% #5F6C6F	RGB 95 108 111	#5F6C6F
50.0%	50.0% #788386	RGB 120 131 134	#788386
66.7%	66.7% #919A9C	RGB 145 154 156	#919A9C
83.3%	83.3% #AAB1B2	RGB 170 177 178	#AAB1B2
100.0%	100.0% #C3C8C9	RGB 195 200 201	#C3C8C9

#2D3F43 #465559 #5F6C6F #788386 #919A9C #AAB1B2 #C3C8C9

#2D3F43 - #C3C8C9

HSV Blend

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

0.0%	0.0% #2D3F43	RGB 45 63 67	#2D3F43
16.7%	16.7% #405459	RGB 64 84 89	#405459
33.3%	33.3% #566B6F	RGB 86 107 111	#566B6F
50.0%	50.0% #6E8186	RGB 110 129 134	#6E8186
66.7%	66.7% #88989C	RGB 136 152 156	#88989C
83.3%	83.3% #A4B0B2	RGB 164 176 178	#A4B0B2
100.0%	100.0% #C3C8C9	RGB 195 200 201	#C3C8C9

#2D3F43 #405459 #566B6F #6E8186 #88989C #A4B0B2 #C3C8C9

#2D3F43 - #6E8186 - #C3C8C9

CSS codes

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

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