#3E4A4A - #C7CBCB | 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 #3E4A4A to #C7CBCB

#3E4A4A #C7CBCB

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

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

0.0%	0.0% #3E4A4A	RGB 62 74 74	#3E4A4A
16.7%	16.7% #545F5F	RGB 84 95 95	#545F5F
33.3%	33.3% #6B7575	RGB 107 117 117	#6B7575
50.0%	50.0% #828A8A	RGB 130 138 138	#828A8A
66.7%	66.7% #99A0A0	RGB 153 160 160	#99A0A0
83.3%	83.3% #B0B5B5	RGB 176 181 181	#B0B5B5
100.0%	100.0% #C7CBCB	RGB 199 203 203	#C7CBCB

#3E4A4A #545F5F #6B7575 #828A8A #99A0A0 #B0B5B5 #C7CBCB

#3E4A4A - #C7CBCB

HSV Blend

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

0.0%	0.0% #3E4A4A	RGB 62 74 74	#3E4A4A
16.7%	16.7% #525F5F	RGB 82 95 95	#525F5F
33.3%	33.3% #677575	RGB 103 117 117	#677575
50.0%	50.0% #7D8A8A	RGB 125 138 138	#7D8A8A
66.7%	66.7% #95A0A0	RGB 149 160 160	#95A0A0
83.3%	83.3% #ADB5B5	RGB 173 181 181	#ADB5B5
100.0%	100.0% #C7CBCB	RGB 199 203 203	#C7CBCB

#3E4A4A #525F5F #677575 #7D8A8A #95A0A0 #ADB5B5 #C7CBCB

#3E4A4A - #7D8A8A - #C7CBCB

CSS codes

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

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