#3C5E61 - #ABA893 | 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 #3C5E61 to #ABA893

#3C5E61 #ABA893

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

#3C5E61 - #ABA893 | 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 #3C5E61 as 0% and #ABA893 as 100%.

0.0%	0.0% #3C5E61	RGB 60 94 97	#3C5E61
16.7%	16.7% #4E6A69	RGB 78 106 105	#4E6A69
33.3%	33.3% #617671	RGB 97 118 113	#617671
50.0%	50.0% #73837A	RGB 115 131 122	#73837A
66.7%	66.7% #868F82	RGB 134 143 130	#868F82
83.3%	83.3% #989B8A	RGB 152 155 138	#989B8A
100.0%	100.0% #ABA893	RGB 171 168 147	#ABA893

#3C5E61 #4E6A69 #617671 #73837A #868F82 #989B8A #ABA893

#3C5E61 - #ABA893

HSV Blend

#3C5E61 - #ABA893 | 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 #3C5E61 as 0% and #ABA893 as 100%.

0.0%	0.0% #3C5D61	RGB 60 93 97	#3C5D61
16.7%	16.7% #486D62	RGB 72 109 98	#486D62
33.3%	33.3% #557961	RGB 85 121 97	#557961
50.0%	50.0% #638663	RGB 99 134 99	#638663
66.7%	66.7% #7E9272	RGB 126 146 114	#7E9272
83.3%	83.3% #979E82	RGB 151 158 130	#979E82
100.0%	100.0% #ABA893	RGB 171 168 147	#ABA893

#3C5D61 #486D62 #557961 #638663 #7E9272 #979E82 #ABA893

#3C5E61 - #638663 - #ABA893

CSS codes

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

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