#2F574B - #C3CFCB | 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 #2F574B to #C3CFCB

#2F574B #C3CFCB

Calculate the color between two colors, #2F574B and #C3CFCB. 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)

#2F574B - #C3CFCB | 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 #2F574B as 0% and #C3CFCB as 100%.

0.0%	0.0% #2F574B	RGB 47 87 75	#2F574B
16.7%	16.7% #476B60	RGB 71 107 96	#476B60
33.3%	33.3% #607F75	RGB 96 127 117	#607F75
50.0%	50.0% #79938B	RGB 121 147 139	#79938B
66.7%	66.7% #91A7A0	RGB 145 167 160	#91A7A0
83.3%	83.3% #AABBB5	RGB 170 187 181	#AABBB5
100.0%	100.0% #C3CFCB	RGB 195 207 203	#C3CFCB

#2F574B #476B60 #607F75 #79938B #91A7A0 #AABBB5 #C3CFCB

#2F574B - #C3CFCB

HSV Blend

#2F574B - #C3CFCB | 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 #2F574B as 0% and #C3CFCB as 100%.

0.0%	0.0% #2F574B	RGB 47 87 75	#2F574B
16.7%	16.7% #406B5E	RGB 64 107 94	#406B5E
33.3%	33.3% #557F72	RGB 85 127 114	#557F72
50.0%	50.0% #6C9386	RGB 108 147 134	#6C9386
66.7%	66.7% #86A79C	RGB 134 167 156	#86A79C
83.3%	83.3% #A3BBB3	RGB 163 187 179	#A3BBB3
100.0%	100.0% #C3CFCB	RGB 195 207 203	#C3CFCB

#2F574B #406B5E #557F72 #6C9386 #86A79C #A3BBB3 #C3CFCB

#2F574B - #6C9386 - #C3CFCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F574B 0%, #6C9386 50%, #C3CFCB 100%);
    background: -webkit-linear-gradient(top, #2F574B 0%, #6C9386 50%, #C3CFCB 100%);
    background: linear-gradient(to bottom, #2F574B 0%, #6C9386 50%, #C3CFCB 100%);
}
</style>