#3E526C - #9A9997 | 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 #3E526C to #9A9997

#3E526C #9A9997

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

#3E526C - #9A9997 | 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 #3E526C as 0% and #9A9997 as 100%.

0.0%	0.0% #3E526C	RGB 62 82 108	#3E526C
16.7%	16.7% #4D5D73	RGB 77 93 115	#4D5D73
33.3%	33.3% #5C697A	RGB 92 105 122	#5C697A
50.0%	50.0% #6C7581	RGB 108 117 129	#6C7581
66.7%	66.7% #7B8188	RGB 123 129 136	#7B8188
83.3%	83.3% #8A8D8F	RGB 138 141 143	#8A8D8F
100.0%	100.0% #9A9997	RGB 154 153 151	#9A9997

#3E526C #4D5D73 #5C697A #6C7581 #7B8188 #8A8D8F #9A9997

#3E526C - #9A9997

HSV Blend

#3E526C - #9A9997 | 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 #3E526C as 0% and #9A9997 as 100%.

0.0%	0.0% #3E516C	RGB 62 81 108	#3E516C
16.7%	16.7% #4A7073	RGB 74 112 115	#4A7073
33.3%	33.3% #577B6C	RGB 87 123 108	#577B6C
50.0%	50.0% #658369	RGB 101 131 105	#658369
66.7%	66.7% #7D8A75	RGB 125 138 117	#7D8A75
83.3%	83.3% #909285	RGB 144 146 133	#909285
100.0%	100.0% #9A9997	RGB 154 153 151	#9A9997

#3E516C #4A7073 #577B6C #658369 #7D8A75 #909285 #9A9997

#3E526C - #658369 - #9A9997

CSS codes

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

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