#2B627A - #C2D2D9 | 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 #2B627A to #C2D2D9

#2B627A #C2D2D9

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

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

0.0%	0.0% #2B627A	RGB 43 98 122	#2B627A
16.7%	16.7% #447489	RGB 68 116 137	#447489
33.3%	33.3% #5D8799	RGB 93 135 153	#5D8799
50.0%	50.0% #769AA9	RGB 118 154 169	#769AA9
66.7%	66.7% #8FACB9	RGB 143 172 185	#8FACB9
83.3%	83.3% #A8BFC9	RGB 168 191 201	#A8BFC9
100.0%	100.0% #C2D2D9	RGB 194 210 217	#C2D2D9

#2B627A #447489 #5D8799 #769AA9 #8FACB9 #A8BFC9 #C2D2D9

#2B627A - #C2D2D9

HSV Blend

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

0.0%	0.0% #2B627A	RGB 43 98 122	#2B627A
16.7%	16.7% #3D7289	RGB 61 114 137	#3D7289
33.3%	33.3% #518399	RGB 81 131 153	#518399
50.0%	50.0% #6996A9	RGB 105 150 169	#6996A9
66.7%	66.7% #84A9B9	RGB 132 169 185	#84A9B9
83.3%	83.3% #A1BDC9	RGB 161 189 201	#A1BDC9
100.0%	100.0% #C2D2D9	RGB 194 210 217	#C2D2D9

#2B627A #3D7289 #518399 #6996A9 #84A9B9 #A1BDC9 #C2D2D9

#2B627A - #6996A9 - #C2D2D9

CSS codes

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

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