#3F545B - #C8CED0 | 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 #3F545B to #C8CED0

#3F545B #C8CED0

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

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

0.0%	0.0% #3F545B	RGB 63 84 91	#3F545B
16.7%	16.7% #55686E	RGB 85 104 110	#55686E
33.3%	33.3% #6C7C82	RGB 108 124 130	#6C7C82
50.0%	50.0% #839195	RGB 131 145 149	#839195
66.7%	66.7% #9AA5A9	RGB 154 165 169	#9AA5A9
83.3%	83.3% #B1B9BC	RGB 177 185 188	#B1B9BC
100.0%	100.0% #C8CED0	RGB 200 206 208	#C8CED0

#3F545B #55686E #6C7C82 #839195 #9AA5A9 #B1B9BC #C8CED0

#3F545B - #C8CED0

HSV Blend

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

0.0%	0.0% #3F545B	RGB 63 84 91	#3F545B
16.7%	16.7% #51676E	RGB 81 103 110	#51676E
33.3%	33.3% #657A82	RGB 101 122 130	#657A82
50.0%	50.0% #7B8F95	RGB 123 143 149	#7B8F95
66.7%	66.7% #93A3A9	RGB 147 163 169	#93A3A9
83.3%	83.3% #ACB8BC	RGB 172 184 188	#ACB8BC
100.0%	100.0% #C8CED0	RGB 200 206 208	#C8CED0

#3F545B #51676E #657A82 #7B8F95 #93A3A9 #ACB8BC #C8CED0

#3F545B - #7B8F95 - #C8CED0

CSS codes

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

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