#3C3E5D - #877E85 | 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 #3C3E5D to #877E85

#3C3E5D #877E85

Calculate the color between two colors, #3C3E5D and #877E85. 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)

#3C3E5D - #877E85 | 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 #3C3E5D as 0% and #877E85 as 100%.

0.0%	0.0% #3C3E5D	RGB 60 62 93	#3C3E5D
16.7%	16.7% #484863	RGB 72 72 99	#484863
33.3%	33.3% #55536A	RGB 85 83 106	#55536A
50.0%	50.0% #615E71	RGB 97 94 113	#615E71
66.7%	66.7% #6E6877	RGB 110 104 119	#6E6877
83.3%	83.3% #7A737E	RGB 122 115 126	#7A737E
100.0%	100.0% #877E85	RGB 135 126 133	#877E85

#3C3E5D #484863 #55536A #615E71 #6E6877 #7A737E #877E85

#3C3E5D - #877E85

HSV Blend

#3C3E5D - #877E85 | 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 #3C3E5D as 0% and #877E85 as 100%.

0.0%	0.0% #3C3E5D	RGB 60 62 93	#3C3E5D
16.7%	16.7% #4A4564	RGB 74 69 100	#4A4564
33.3%	33.3% #594F6B	RGB 89 79 107	#594F6B
50.0%	50.0% #675972	RGB 103 89 114	#675972
66.7%	66.7% #746579	RGB 116 101 121	#746579
83.3%	83.3% #80717F	RGB 128 113 127	#80717F
100.0%	100.0% #877E85	RGB 135 126 133	#877E85

#3C3E5D #4A4564 #594F6B #675972 #746579 #80717F #877E85

#3C3E5D - #675972 - #877E85

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E5D 0%, #675972 50%, #877E85 100%);
    background: -webkit-linear-gradient(top, #3C3E5D 0%, #675972 50%, #877E85 100%);
    background: linear-gradient(to bottom, #3C3E5D 0%, #675972 50%, #877E85 100%);
}
</style>