#3E4C4F - #C7CBCC | 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 #3E4C4F to #C7CBCC

#3E4C4F #C7CBCC

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

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

0.0%	0.0% #3E4C4F	RGB 62 76 79	#3E4C4F
16.7%	16.7% #546163	RGB 84 97 99	#546163
33.3%	33.3% #6B7678	RGB 107 118 120	#6B7678
50.0%	50.0% #828B8D	RGB 130 139 141	#828B8D
66.7%	66.7% #99A0A2	RGB 153 160 162	#99A0A2
83.3%	83.3% #B0B5B7	RGB 176 181 183	#B0B5B7
100.0%	100.0% #C7CBCC	RGB 199 203 204	#C7CBCC

#3E4C4F #546163 #6B7678 #828B8D #99A0A2 #B0B5B7 #C7CBCC

#3E4C4F - #C7CBCC

HSV Blend

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

0.0%	0.0% #3E4C4F	RGB 62 76 79	#3E4C4F
16.7%	16.7% #516063	RGB 81 96 99	#516063
33.3%	33.3% #667578	RGB 102 117 120	#667578
50.0%	50.0% #7C8A8D	RGB 124 138 141	#7C8A8D
66.7%	66.7% #949FA2	RGB 148 159 162	#949FA2
83.3%	83.3% #ACB5B7	RGB 172 181 183	#ACB5B7
100.0%	100.0% #C7CBCC	RGB 199 203 204	#C7CBCC

#3E4C4F #516063 #667578 #7C8A8D #949FA2 #ACB5B7 #C7CBCC

#3E4C4F - #7C8A8D - #C7CBCC

CSS codes

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

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