#3C3C3E - #60848B | 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 #60848B

#3C3C3E #60848B

Calculate the color between two colors, #3C3C3E and #60848B. 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 - #60848B | 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 #60848B as 100%.

0.0%	0.0% #3C3C3E	RGB 60 60 62	#3C3C3E
16.7%	16.7% #42484A	RGB 66 72 74	#42484A
33.3%	33.3% #485457	RGB 72 84 87	#485457
50.0%	50.0% #4E6064	RGB 78 96 100	#4E6064
66.7%	66.7% #546C71	RGB 84 108 113	#546C71
83.3%	83.3% #5A787E	RGB 90 120 126	#5A787E
100.0%	100.0% #60848B	RGB 96 132 139	#60848B

#3C3C3E #42484A #485457 #4E6064 #546C71 #5A787E #60848B

#3C3C3E - #60848B

HSV Blend

#3C3C3E - #60848B | 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 #60848B as 100%.

0.0%	0.0% #3C3C3E	RGB 60 60 62	#3C3C3E
16.7%	16.7% #44454A	RGB 68 69 74	#44454A
33.3%	33.3% #4C4F57	RGB 76 79 87	#4C4F57
50.0%	50.0% #535A64	RGB 83 90 100	#535A64
66.7%	66.7% #586671	RGB 88 102 113	#586671
83.3%	83.3% #5C747E	RGB 92 116 126	#5C747E
100.0%	100.0% #60848B	RGB 96 132 139	#60848B

#3C3C3E #44454A #4C4F57 #535A64 #586671 #5C747E #60848B

#3C3C3E - #535A64 - #60848B

CSS codes

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

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