#2B5C4D - #C2D0CC | 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 #2B5C4D to #C2D0CC

#2B5C4D #C2D0CC

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

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

0.0%	0.0% #2B5C4D	RGB 43 92 77	#2B5C4D
16.7%	16.7% #446F62	RGB 68 111 98	#446F62
33.3%	33.3% #5D8277	RGB 93 130 119	#5D8277
50.0%	50.0% #76968C	RGB 118 150 140	#76968C
66.7%	66.7% #8FA9A1	RGB 143 169 161	#8FA9A1
83.3%	83.3% #A8BCB6	RGB 168 188 182	#A8BCB6
100.0%	100.0% #C2D0CC	RGB 194 208 204	#C2D0CC

#2B5C4D #446F62 #5D8277 #76968C #8FA9A1 #A8BCB6 #C2D0CC

#2B5C4D - #C2D0CC

HSV Blend

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

0.0%	0.0% #2B5C4D	RGB 43 92 77	#2B5C4D
16.7%	16.7% #3C6F5F	RGB 60 111 95	#3C6F5F
33.3%	33.3% #518273	RGB 81 130 115	#518273
50.0%	50.0% #699688	RGB 105 150 136	#699688
66.7%	66.7% #83A99E	RGB 131 169 158	#83A99E
83.3%	83.3% #A1BCB4	RGB 161 188 180	#A1BCB4
100.0%	100.0% #C2D0CC	RGB 194 208 204	#C2D0CC

#2B5C4D #3C6F5F #518273 #699688 #83A99E #A1BCB4 #C2D0CC

#2B5C4D - #699688 - #C2D0CC

CSS codes

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

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