#3C455D - #8F8887 | 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 #3C455D to #8F8887

#3C455D #8F8887

Calculate the color between two colors, #3C455D and #8F8887. 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)

#3C455D - #8F8887 | 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 #3C455D as 0% and #8F8887 as 100%.

0.0%	0.0% #3C455D	RGB 60 69 93	#3C455D
16.7%	16.7% #495064	RGB 73 80 100	#495064
33.3%	33.3% #575B6B	RGB 87 91 107	#575B6B
50.0%	50.0% #656672	RGB 101 102 114	#656672
66.7%	66.7% #737179	RGB 115 113 121	#737179
83.3%	83.3% #817C80	RGB 129 124 128	#817C80
100.0%	100.0% #8F8887	RGB 143 136 135	#8F8887

#3C455D #495064 #575B6B #656672 #737179 #817C80 #8F8887

#3C455D - #8F8887

HSV Blend

#3C455D - #8F8887 | 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 #3C455D as 0% and #8F8887 as 100%.

0.0%	0.0% #3C455D	RGB 60 69 93	#3C455D
16.7%	16.7% #4A4665	RGB 74 70 101	#4A4665
33.3%	33.3% #60516D	RGB 96 81 109	#60516D
50.0%	50.0% #745D76	RGB 116 93 118	#745D76
66.7%	66.7% #7E6A77	RGB 126 106 119	#7E6A77
83.3%	83.3% #86787C	RGB 134 120 124	#86787C
100.0%	100.0% #8F8887	RGB 143 136 135	#8F8887

#3C455D #4A4665 #60516D #745D76 #7E6A77 #86787C #8F8887

#3C455D - #745D76 - #8F8887

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C455D 0%, #745D76 50%, #8F8887 100%);
    background: -webkit-linear-gradient(top, #3C455D 0%, #745D76 50%, #8F8887 100%);
    background: linear-gradient(to bottom, #3C455D 0%, #745D76 50%, #8F8887 100%);
}
</style>