#2B5356 - #C2CDCE | 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 #2B5356 to #C2CDCE

#2B5356 #C2CDCE

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

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

0.0%	0.0% #2B5356	RGB 43 83 86	#2B5356
16.7%	16.7% #44676A	RGB 68 103 106	#44676A
33.3%	33.3% #5D7B7E	RGB 93 123 126	#5D7B7E
50.0%	50.0% #769092	RGB 118 144 146	#769092
66.7%	66.7% #8FA4A6	RGB 143 164 166	#8FA4A6
83.3%	83.3% #A8B8BA	RGB 168 184 186	#A8B8BA
100.0%	100.0% #C2CDCE	RGB 194 205 206	#C2CDCE

#2B5356 #44676A #5D7B7E #769092 #8FA4A6 #A8B8BA #C2CDCE

#2B5356 - #C2CDCE

HSV Blend

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

0.0%	0.0% #2B5356	RGB 43 83 86	#2B5356
16.7%	16.7% #3C666A	RGB 60 102 106	#3C666A
33.3%	33.3% #517A7E	RGB 81 122 126	#517A7E
50.0%	50.0% #698E92	RGB 105 142 146	#698E92
66.7%	66.7% #83A3A6	RGB 131 163 166	#83A3A6
83.3%	83.3% #A1B8BA	RGB 161 184 186	#A1B8BA
100.0%	100.0% #C2CDCE	RGB 194 205 206	#C2CDCE

#2B5356 #3C666A #517A7E #698E92 #83A3A6 #A1B8BA #C2CDCE

#2B5356 - #698E92 - #C2CDCE

CSS codes

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

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