#3C3C3E - #678F87 | 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 #3C3C3E to #678F87

#3C3C3E #678F87

Calculate the color between two colors, #3C3C3E and #678F87. 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)

#3C3C3E - #678F87 | 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 #3C3C3E as 0% and #678F87 as 100%.

0.0%	0.0% #3C3C3E	RGB 60 60 62	#3C3C3E
16.7%	16.7% #43494A	RGB 67 73 74	#43494A
33.3%	33.3% #4A5756	RGB 74 87 86	#4A5756
50.0%	50.0% #516562	RGB 81 101 98	#516562
66.7%	66.7% #58736E	RGB 88 115 110	#58736E
83.3%	83.3% #5F817A	RGB 95 129 122	#5F817A
100.0%	100.0% #678F87	RGB 103 143 135	#678F87

#3C3C3E #43494A #4A5756 #516562 #58736E #5F817A #678F87

#3C3C3E - #678F87

HSV Blend

#3C3C3E - #678F87 | 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 #3C3C3E as 0% and #678F87 as 100%.

0.0%	0.0% #3C3C3E	RGB 60 60 62	#3C3C3E
16.7%	16.7% #45474B	RGB 69 71 75	#45474B
33.3%	33.3% #4E5259	RGB 78 82 89	#4E5259
50.0%	50.0% #566066	RGB 86 96 102	#566066
66.7%	66.7% #5D6F74	RGB 93 111 116	#5D6F74
83.3%	83.3% #628181	RGB 98 129 129	#628181
100.0%	100.0% #678F87	RGB 103 143 135	#678F87

#3C3C3E #45474B #4E5259 #566066 #5D6F74 #628181 #678F87

#3C3C3E - #566066 - #678F87

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3C3E 0%, #566066 50%, #678F87 100%);
    background: -webkit-linear-gradient(top, #3C3C3E 0%, #566066 50%, #678F87 100%);
    background: linear-gradient(to bottom, #3C3C3E 0%, #566066 50%, #678F87 100%);
}
</style>