#3E4254 - #8F827C | 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 #3E4254 to #8F827C

#3E4254 #8F827C

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

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

0.0%	0.0% #3E4254	RGB 62 66 84	#3E4254
16.7%	16.7% #4B4C5A	RGB 75 76 90	#4B4C5A
33.3%	33.3% #595761	RGB 89 87 97	#595761
50.0%	50.0% #666268	RGB 102 98 104	#666268
66.7%	66.7% #746C6E	RGB 116 108 110	#746C6E
83.3%	83.3% #817775	RGB 129 119 117	#817775
100.0%	100.0% #8F827C	RGB 143 130 124	#8F827C

#3E4254 #4B4C5A #595761 #666268 #746C6E #817775 #8F827C

#3E4254 - #8F827C

HSV Blend

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

0.0%	0.0% #3E4254	RGB 62 66 84	#3E4254
16.7%	16.7% #4C475D	RGB 76 71 93	#4C475D
33.3%	33.3% #5F5067	RGB 95 80 103	#5F5067
50.0%	50.0% #715B6F	RGB 113 91 111	#715B6F
66.7%	66.7% #7B6570	RGB 123 101 112	#7B6570
83.3%	83.3% #857072	RGB 133 112 114	#857072
100.0%	100.0% #8F827C	RGB 143 130 124	#8F827C

#3E4254 #4C475D #5F5067 #715B6F #7B6570 #857072 #8F827C

#3E4254 - #715B6F - #8F827C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4254 0%, #715B6F 50%, #8F827C 100%);
    background: -webkit-linear-gradient(top, #3E4254 0%, #715B6F 50%, #8F827C 100%);
    background: linear-gradient(to bottom, #3E4254 0%, #715B6F 50%, #8F827C 100%);
}
</style>