#3E514B - #C7CDCB | 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 #3E514B to #C7CDCB

#3E514B #C7CDCB

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

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

0.0%	0.0% #3E514B	RGB 62 81 75	#3E514B
16.7%	16.7% #546560	RGB 84 101 96	#546560
33.3%	33.3% #6B7A75	RGB 107 122 117	#6B7A75
50.0%	50.0% #828F8B	RGB 130 143 139	#828F8B
66.7%	66.7% #99A3A0	RGB 153 163 160	#99A3A0
83.3%	83.3% #B0B8B5	RGB 176 184 181	#B0B8B5
100.0%	100.0% #C7CDCB	RGB 199 205 203	#C7CDCB

#3E514B #546560 #6B7A75 #828F8B #99A3A0 #B0B8B5 #C7CDCB

#3E514B - #C7CDCB

HSV Blend

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

0.0%	0.0% #3E514B	RGB 62 81 75	#3E514B
16.7%	16.7% #51655F	RGB 81 101 95	#51655F
33.3%	33.3% #667A73	RGB 102 122 115	#667A73
50.0%	50.0% #7C8F88	RGB 124 143 136	#7C8F88
66.7%	66.7% #93A39E	RGB 147 163 158	#93A39E
83.3%	83.3% #ACB8B4	RGB 172 184 180	#ACB8B4
100.0%	100.0% #C7CDCB	RGB 199 205 203	#C7CDCB

#3E514B #51655F #667A73 #7C8F88 #93A39E #ACB8B4 #C7CDCB

#3E514B - #7C8F88 - #C7CDCB

CSS codes

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

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