#3E4D52 - #C7CCCD | 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 #3E4D52 to #C7CCCD

#3E4D52 #C7CCCD

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

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

0.0%	0.0% #3E4D52	RGB 62 77 82	#3E4D52
16.7%	16.7% #546266	RGB 84 98 102	#546266
33.3%	33.3% #6B777B	RGB 107 119 123	#6B777B
50.0%	50.0% #828C8F	RGB 130 140 143	#828C8F
66.7%	66.7% #99A1A4	RGB 153 161 164	#99A1A4
83.3%	83.3% #B0B6B8	RGB 176 182 184	#B0B6B8
100.0%	100.0% #C7CCCD	RGB 199 204 205	#C7CCCD

#3E4D52 #546266 #6B777B #828C8F #99A1A4 #B0B6B8 #C7CCCD

#3E4D52 - #C7CCCD

HSV Blend

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

0.0%	0.0% #3E4D52	RGB 62 77 82	#3E4D52
16.7%	16.7% #516166	RGB 81 97 102	#516166
33.3%	33.3% #65767B	RGB 101 118 123	#65767B
50.0%	50.0% #7B8B8F	RGB 123 139 143	#7B8B8F
66.7%	66.7% #93A0A4	RGB 147 160 164	#93A0A4
83.3%	83.3% #ACB6B8	RGB 172 182 184	#ACB6B8
100.0%	100.0% #C7CCCD	RGB 199 204 205	#C7CCCD

#3E4D52 #516166 #65767B #7B8B8F #93A0A4 #ACB6B8 #C7CCCD

#3E4D52 - #7B8B8F - #C7CCCD

CSS codes

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

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