#3D4C55 - #C7CBCE | 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 #3D4C55 to #C7CBCE

#3D4C55 #C7CBCE

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

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

0.0%	0.0% #3D4C55	RGB 61 76 85	#3D4C55
16.7%	16.7% #546169	RGB 84 97 105	#546169
33.3%	33.3% #6B767D	RGB 107 118 125	#6B767D
50.0%	50.0% #828B91	RGB 130 139 145	#828B91
66.7%	66.7% #99A0A5	RGB 153 160 165	#99A0A5
83.3%	83.3% #B0B5B9	RGB 176 181 185	#B0B5B9
100.0%	100.0% #C7CBCE	RGB 199 203 206	#C7CBCE

#3D4C55 #546169 #6B767D #828B91 #99A0A5 #B0B5B9 #C7CBCE

#3D4C55 - #C7CBCE

HSV Blend

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

0.0%	0.0% #3D4C55	RGB 61 76 85	#3D4C55
16.7%	16.7% #4F5F69	RGB 79 95 105	#4F5F69
33.3%	33.3% #64737D	RGB 100 115 125	#64737D
50.0%	50.0% #7A8891	RGB 122 136 145	#7A8891
66.7%	66.7% #929DA5	RGB 146 157 165	#929DA5
83.3%	83.3% #ABB3B9	RGB 171 179 185	#ABB3B9
100.0%	100.0% #C7CBCE	RGB 199 203 206	#C7CBCE

#3D4C55 #4F5F69 #64737D #7A8891 #929DA5 #ABB3B9 #C7CBCE

#3D4C55 - #7A8891 - #C7CBCE

CSS codes

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

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