#2B534D - #C2CDCB | 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 #2B534D to #C2CDCB

#2B534D #C2CDCB

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

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

0.0%	0.0% #2B534D	RGB 43 83 77	#2B534D
16.7%	16.7% #446762	RGB 68 103 98	#446762
33.3%	33.3% #5D7B77	RGB 93 123 119	#5D7B77
50.0%	50.0% #76908C	RGB 118 144 140	#76908C
66.7%	66.7% #8FA4A1	RGB 143 164 161	#8FA4A1
83.3%	83.3% #A8B8B6	RGB 168 184 182	#A8B8B6
100.0%	100.0% #C2CDCB	RGB 194 205 203	#C2CDCB

#2B534D #446762 #5D7B77 #76908C #8FA4A1 #A8B8B6 #C2CDCB

#2B534D - #C2CDCB

HSV Blend

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

0.0%	0.0% #2B534D	RGB 43 83 77	#2B534D
16.7%	16.7% #3C6760	RGB 60 103 96	#3C6760
33.3%	33.3% #517B74	RGB 81 123 116	#517B74
50.0%	50.0% #699089	RGB 105 144 137	#699089
66.7%	66.7% #84A49E	RGB 132 164 158	#84A49E
83.3%	83.3% #A1B8B4	RGB 161 184 180	#A1B8B4
100.0%	100.0% #C2CDCB	RGB 194 205 203	#C2CDCB

#2B534D #3C6760 #517B74 #699089 #84A49E #A1B8B4 #C2CDCB

#2B534D - #699089 - #C2CDCB

CSS codes

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

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