#3E6960 - #C7D4D1 | 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 #3E6960 to #C7D4D1

#3E6960 #C7D4D1

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

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

0.0%	0.0% #3E6960	RGB 62 105 96	#3E6960
16.7%	16.7% #547A72	RGB 84 122 114	#547A72
33.3%	33.3% #6B8C85	RGB 107 140 133	#6B8C85
50.0%	50.0% #829E98	RGB 130 158 152	#829E98
66.7%	66.7% #99B0AB	RGB 153 176 171	#99B0AB
83.3%	83.3% #B0C2BE	RGB 176 194 190	#B0C2BE
100.0%	100.0% #C7D4D1	RGB 199 212 209	#C7D4D1

#3E6960 #547A72 #6B8C85 #829E98 #99B0AB #B0C2BE #C7D4D1

#3E6960 - #C7D4D1

HSV Blend

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

0.0%	0.0% #3E6960	RGB 62 105 96	#3E6960
16.7%	16.7% #4F7A71	RGB 79 122 113	#4F7A71
33.3%	33.3% #638C83	RGB 99 140 131	#638C83
50.0%	50.0% #799E96	RGB 121 158 150	#799E96
66.7%	66.7% #91B0A9	RGB 145 176 169	#91B0A9
83.3%	83.3% #AAC2BC	RGB 170 194 188	#AAC2BC
100.0%	100.0% #C7D4D1	RGB 199 212 209	#C7D4D1

#3E6960 #4F7A71 #638C83 #799E96 #91B0A9 #AAC2BC #C7D4D1

#3E6960 - #799E96 - #C7D4D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E6960 0%, #799E96 50%, #C7D4D1 100%);
    background: -webkit-linear-gradient(top, #3E6960 0%, #799E96 50%, #C7D4D1 100%);
    background: linear-gradient(to bottom, #3E6960 0%, #799E96 50%, #C7D4D1 100%);
}
</style>