#3E474C - #C7CACB | 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 #3E474C to #C7CACB

#3E474C #C7CACB

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

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

0.0%	0.0% #3E474C	RGB 62 71 76	#3E474C
16.7%	16.7% #545C61	RGB 84 92 97	#545C61
33.3%	33.3% #6B7276	RGB 107 114 118	#6B7276
50.0%	50.0% #82888B	RGB 130 136 139	#82888B
66.7%	66.7% #999EA0	RGB 153 158 160	#999EA0
83.3%	83.3% #B0B4B5	RGB 176 180 181	#B0B4B5
100.0%	100.0% #C7CACB	RGB 199 202 203	#C7CACB

#3E474C #545C61 #6B7276 #82888B #999EA0 #B0B4B5 #C7CACB

#3E474C - #C7CACB

HSV Blend

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

0.0%	0.0% #3E474C	RGB 62 71 76	#3E474C
16.7%	16.7% #515B61	RGB 81 91 97	#515B61
33.3%	33.3% #677176	RGB 103 113 118	#677176
50.0%	50.0% #7D878B	RGB 125 135 139	#7D878B
66.7%	66.7% #949DA0	RGB 148 157 160	#949DA0
83.3%	83.3% #ADB3B5	RGB 173 179 181	#ADB3B5
100.0%	100.0% #C7CACB	RGB 199 202 203	#C7CACB

#3E474C #515B61 #677176 #7D878B #949DA0 #ADB3B5 #C7CACB

#3E474C - #7D878B - #C7CACB

CSS codes

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

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