#3D5E55 - #C7D1CE | 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 #3D5E55 to #C7D1CE

#3D5E55 #C7D1CE

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

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

0.0%	0.0% #3D5E55	RGB 61 94 85	#3D5E55
16.7%	16.7% #547169	RGB 84 113 105	#547169
33.3%	33.3% #6B847D	RGB 107 132 125	#6B847D
50.0%	50.0% #829791	RGB 130 151 145	#829791
66.7%	66.7% #99AAA5	RGB 153 170 165	#99AAA5
83.3%	83.3% #B0BDB9	RGB 176 189 185	#B0BDB9
100.0%	100.0% #C7D1CE	RGB 199 209 206	#C7D1CE

#3D5E55 #547169 #6B847D #829791 #99AAA5 #B0BDB9 #C7D1CE

#3D5E55 - #C7D1CE

HSV Blend

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

0.0%	0.0% #3D5E55	RGB 61 94 85	#3D5E55
16.7%	16.7% #4F7167	RGB 79 113 103	#4F7167
33.3%	33.3% #63847B	RGB 99 132 123	#63847B
50.0%	50.0% #79978E	RGB 121 151 142	#79978E
66.7%	66.7% #91AAA3	RGB 145 170 163	#91AAA3
83.3%	83.3% #ABBDB8	RGB 171 189 184	#ABBDB8
100.0%	100.0% #C7D1CE	RGB 199 209 206	#C7D1CE

#3D5E55 #4F7167 #63847B #79978E #91AAA3 #ABBDB8 #C7D1CE

#3D5E55 - #79978E - #C7D1CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D5E55 0%, #79978E 50%, #C7D1CE 100%);
    background: -webkit-linear-gradient(top, #3D5E55 0%, #79978E 50%, #C7D1CE 100%);
    background: linear-gradient(to bottom, #3D5E55 0%, #79978E 50%, #C7D1CE 100%);
}
</style>