#3C425E - #8C8487 | 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 #3C425E to #8C8487

#3C425E #8C8487

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

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

0.0%	0.0% #3C425E	RGB 60 66 94	#3C425E
16.7%	16.7% #494D64	RGB 73 77 100	#494D64
33.3%	33.3% #56586B	RGB 86 88 107	#56586B
50.0%	50.0% #646372	RGB 100 99 114	#646372
66.7%	66.7% #716E79	RGB 113 110 121	#716E79
83.3%	83.3% #7E7980	RGB 126 121 128	#7E7980
100.0%	100.0% #8C8487	RGB 140 132 135	#8C8487

#3C425E #494D64 #56586B #646372 #716E79 #7E7980 #8C8487

#3C425E - #8C8487

HSV Blend

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

0.0%	0.0% #3C425E	RGB 60 66 94	#3C425E
16.7%	16.7% #494665	RGB 73 70 101	#494665
33.3%	33.3% #5C506D	RGB 92 80 109	#5C506D
50.0%	50.0% #6E5C75	RGB 110 92 117	#6E5C75
66.7%	66.7% #7C687C	RGB 124 104 124	#7C687C
83.3%	83.3% #84767F	RGB 132 118 127	#84767F
100.0%	100.0% #8C8487	RGB 140 132 135	#8C8487

#3C425E #494665 #5C506D #6E5C75 #7C687C #84767F #8C8487

#3C425E - #6E5C75 - #8C8487

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C425E 0%, #6E5C75 50%, #8C8487 100%);
    background: -webkit-linear-gradient(top, #3C425E 0%, #6E5C75 50%, #8C8487 100%);
    background: linear-gradient(to bottom, #3C425E 0%, #6E5C75 50%, #8C8487 100%);
}
</style>