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

#3E4D50 #C7CCCD

Calculate the color between two colors, #3E4D50 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)

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

0.0%	0.0% #3E4D50	RGB 62 77 80	#3E4D50
16.7%	16.7% #546264	RGB 84 98 100	#546264
33.3%	33.3% #6B7779	RGB 107 119 121	#6B7779
50.0%	50.0% #828C8E	RGB 130 140 142	#828C8E
66.7%	66.7% #99A1A3	RGB 153 161 163	#99A1A3
83.3%	83.3% #B0B6B8	RGB 176 182 184	#B0B6B8
100.0%	100.0% #C7CCCD	RGB 199 204 205	#C7CCCD

#3E4D50 #546264 #6B7779 #828C8E #99A1A3 #B0B6B8 #C7CCCD

#3E4D50 - #C7CCCD

HSV Blend

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

0.0%	0.0% #3E4D50	RGB 62 77 80	#3E4D50
16.7%	16.7% #516164	RGB 81 97 100	#516164
33.3%	33.3% #667679	RGB 102 118 121	#667679
50.0%	50.0% #7C8B8E	RGB 124 139 142	#7C8B8E
66.7%	66.7% #93A0A3	RGB 147 160 163	#93A0A3
83.3%	83.3% #ACB6B8	RGB 172 182 184	#ACB6B8
100.0%	100.0% #C7CCCD	RGB 199 204 205	#C7CCCD

#3E4D50 #516164 #667679 #7C8B8E #93A0A3 #ACB6B8 #C7CCCD

#3E4D50 - #7C8B8E - #C7CCCD

CSS codes

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

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