#3E454D - #8B7275 | 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 #3E454D to #8B7275

#3E454D #8B7275

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

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

0.0%	0.0% #3E454D	RGB 62 69 77	#3E454D
16.7%	16.7% #4A4C53	RGB 74 76 83	#4A4C53
33.3%	33.3% #57545A	RGB 87 84 90	#57545A
50.0%	50.0% #645B61	RGB 100 91 97	#645B61
66.7%	66.7% #716367	RGB 113 99 103	#716367
83.3%	83.3% #7E6A6E	RGB 126 106 110	#7E6A6E
100.0%	100.0% #8B7275	RGB 139 114 117	#8B7275

#3E454D #4A4C53 #57545A #645B61 #716367 #7E6A6E #8B7275

#3E454D - #8B7275

HSV Blend

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

0.0%	0.0% #3E454D	RGB 62 69 77	#3E454D
16.7%	16.7% #464757	RGB 70 71 87	#464757
33.3%	33.3% #544F61	RGB 84 79 97	#544F61
50.0%	50.0% #66576C	RGB 102 87 108	#66576C
66.7%	66.7% #766074	RGB 118 96 116	#766074
83.3%	83.3% #806975	RGB 128 105 117	#806975
100.0%	100.0% #8B7275	RGB 139 114 117	#8B7275

#3E454D #464757 #544F61 #66576C #766074 #806975 #8B7275

#3E454D - #66576C - #8B7275

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E454D 0%, #66576C 50%, #8B7275 100%);
    background: -webkit-linear-gradient(top, #3E454D 0%, #66576C 50%, #8B7275 100%);
    background: linear-gradient(to bottom, #3E454D 0%, #66576C 50%, #8B7275 100%);
}
</style>