#245B5E - #C0D0D1 | 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 #245B5E to #C0D0D1

#245B5E #C0D0D1

Calculate the color between two colors, #245B5E and #C0D0D1. 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)

#245B5E - #C0D0D1 | 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 #245B5E as 0% and #C0D0D1 as 100%.

0.0%	0.0% #245B5E	RGB 36 91 94	#245B5E
16.7%	16.7% #3E6E71	RGB 62 110 113	#3E6E71
33.3%	33.3% #588284	RGB 88 130 132	#588284
50.0%	50.0% #729597	RGB 114 149 151	#729597
66.7%	66.7% #8CA9AA	RGB 140 169 170	#8CA9AA
83.3%	83.3% #A6BCBD	RGB 166 188 189	#A6BCBD
100.0%	100.0% #C0D0D1	RGB 192 208 209	#C0D0D1

#245B5E #3E6E71 #588284 #729597 #8CA9AA #A6BCBD #C0D0D1

#245B5E - #C0D0D1

HSV Blend

#245B5E - #C0D0D1 | 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 #245B5E as 0% and #C0D0D1 as 100%.

0.0%	0.0% #245B5E	RGB 36 91 94	#245B5E
16.7%	16.7% #356E71	RGB 53 110 113	#356E71
33.3%	33.3% #4A8184	RGB 74 129 132	#4A8184
50.0%	50.0% #629497	RGB 98 148 151	#629497
66.7%	66.7% #7EA8AA	RGB 126 168 170	#7EA8AA
83.3%	83.3% #9DBBBD	RGB 157 187 189	#9DBBBD
100.0%	100.0% #C0D0D1	RGB 192 208 209	#C0D0D1

#245B5E #356E71 #4A8184 #629497 #7EA8AA #9DBBBD #C0D0D1

#245B5E - #629497 - #C0D0D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #245B5E 0%, #629497 50%, #C0D0D1 100%);
    background: -webkit-linear-gradient(top, #245B5E 0%, #629497 50%, #C0D0D1 100%);
    background: linear-gradient(to bottom, #245B5E 0%, #629497 50%, #C0D0D1 100%);
}
</style>