#3E5358 - #C7CDCF | 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 #3E5358 to #C7CDCF

#3E5358 #C7CDCF

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

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

0.0%	0.0% #3E5358	RGB 62 83 88	#3E5358
16.7%	16.7% #54676B	RGB 84 103 107	#54676B
33.3%	33.3% #6B7B7F	RGB 107 123 127	#6B7B7F
50.0%	50.0% #829093	RGB 130 144 147	#829093
66.7%	66.7% #99A4A7	RGB 153 164 167	#99A4A7
83.3%	83.3% #B0B8BB	RGB 176 184 187	#B0B8BB
100.0%	100.0% #C7CDCF	RGB 199 205 207	#C7CDCF

#3E5358 #54676B #6B7B7F #829093 #99A4A7 #B0B8BB #C7CDCF

#3E5358 - #C7CDCF

HSV Blend

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

0.0%	0.0% #3E5358	RGB 62 83 88	#3E5358
16.7%	16.7% #50666B	RGB 80 102 107	#50666B
33.3%	33.3% #64797F	RGB 100 121 127	#64797F
50.0%	50.0% #7A8E93	RGB 122 142 147	#7A8E93
66.7%	66.7% #92A2A7	RGB 146 162 167	#92A2A7
83.3%	83.3% #ABB7BB	RGB 171 183 187	#ABB7BB
100.0%	100.0% #C7CDCF	RGB 199 205 207	#C7CDCF

#3E5358 #50666B #64797F #7A8E93 #92A2A7 #ABB7BB #C7CDCF

#3E5358 - #7A8E93 - #C7CDCF

CSS codes

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

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