#2E413C - #C3C8C6 | 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 #2E413C to #C3C8C6

#2E413C #C3C8C6

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

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

0.0%	0.0% #2E413C	RGB 46 65 60	#2E413C
16.7%	16.7% #465753	RGB 70 87 83	#465753
33.3%	33.3% #5F6E6A	RGB 95 110 106	#5F6E6A
50.0%	50.0% #788481	RGB 120 132 129	#788481
66.7%	66.7% #919B98	RGB 145 155 152	#919B98
83.3%	83.3% #AAB1AF	RGB 170 177 175	#AAB1AF
100.0%	100.0% #C3C8C6	RGB 195 200 198	#C3C8C6

#2E413C #465753 #5F6E6A #788481 #919B98 #AAB1AF #C3C8C6

#2E413C - #C3C8C6

HSV Blend

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

0.0%	0.0% #2E413C	RGB 46 65 60	#2E413C
16.7%	16.7% #415751	RGB 65 87 81	#415751
33.3%	33.3% #576E67	RGB 87 110 103	#576E67
50.0%	50.0% #6F847D	RGB 111 132 125	#6F847D
66.7%	66.7% #899B94	RGB 137 155 148	#899B94
83.3%	83.3% #A5B1AC	RGB 165 177 172	#A5B1AC
100.0%	100.0% #C3C8C6	RGB 195 200 198	#C3C8C6

#2E413C #415751 #576E67 #6F847D #899B94 #A5B1AC #C3C8C6

#2E413C - #6F847D - #C3C8C6

CSS codes

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

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