#3E5140 - #C7CDC8 | 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 #3E5140 to #C7CDC8

#3E5140 #C7CDC8

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

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

0.0%	0.0% #3E5140	RGB 62 81 64	#3E5140
16.7%	16.7% #546556	RGB 84 101 86	#546556
33.3%	33.3% #6B7A6D	RGB 107 122 109	#6B7A6D
50.0%	50.0% #828F84	RGB 130 143 132	#828F84
66.7%	66.7% #99A39A	RGB 153 163 154	#99A39A
83.3%	83.3% #B0B8B1	RGB 176 184 177	#B0B8B1
100.0%	100.0% #C7CDC8	RGB 199 205 200	#C7CDC8

#3E5140 #546556 #6B7A6D #828F84 #99A39A #B0B8B1 #C7CDC8

#3E5140 - #C7CDC8

HSV Blend

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

0.0%	0.0% #3E5140	RGB 62 81 64	#3E5140
16.7%	16.7% #516553	RGB 81 101 83	#516553
33.3%	33.3% #667A68	RGB 102 122 104	#667A68
50.0%	50.0% #7C8F7E	RGB 124 143 126	#7C8F7E
66.7%	66.7% #93A396	RGB 147 163 150	#93A396
83.3%	83.3% #ACB8AE	RGB 172 184 174	#ACB8AE
100.0%	100.0% #C7CDC8	RGB 199 205 200	#C7CDC8

#3E5140 #516553 #667A68 #7C8F7E #93A396 #ACB8AE #C7CDC8

#3E5140 - #7C8F7E - #C7CDC8

CSS codes

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

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