#245865 - #C0CFD3 | 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 #245865 to #C0CFD3

#245865 #C0CFD3

Calculate the color between two colors, #245865 and #C0CFD3. 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)

#245865 - #C0CFD3 | 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 #245865 as 0% and #C0CFD3 as 100%.

0.0%	0.0% #245865	RGB 36 88 101	#245865
16.7%	16.7% #3E6B77	RGB 62 107 119	#3E6B77
33.3%	33.3% #587F89	RGB 88 127 137	#587F89
50.0%	50.0% #72939C	RGB 114 147 156	#72939C
66.7%	66.7% #8CA7AE	RGB 140 167 174	#8CA7AE
83.3%	83.3% #A6BBC0	RGB 166 187 192	#A6BBC0
100.0%	100.0% #C0CFD3	RGB 192 207 211	#C0CFD3

#245865 #3E6B77 #587F89 #72939C #8CA7AE #A6BBC0 #C0CFD3

#245865 - #C0CFD3

HSV Blend

#245865 - #C0CFD3 | 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 #245865 as 0% and #C0CFD3 as 100%.

0.0%	0.0% #245765	RGB 36 87 101	#245765
16.7%	16.7% #356A77	RGB 53 106 119	#356A77
33.3%	33.3% #4A7C89	RGB 74 124 137	#4A7C89
50.0%	50.0% #62909C	RGB 98 144 156	#62909C
66.7%	66.7% #7EA4AE	RGB 126 164 174	#7EA4AE
83.3%	83.3% #9DB9C0	RGB 157 185 192	#9DB9C0
100.0%	100.0% #C0CFD3	RGB 192 207 211	#C0CFD3

#245765 #356A77 #4A7C89 #62909C #7EA4AE #9DB9C0 #C0CFD3

#245865 - #62909C - #C0CFD3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #245765 0%, #62909C 50%, #C0CFD3 100%);
    background: -webkit-linear-gradient(top, #245765 0%, #62909C 50%, #C0CFD3 100%);
    background: linear-gradient(to bottom, #245765 0%, #62909C 50%, #C0CFD3 100%);
}
</style>