#2468A8 - #C0D4E6 | 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 #2468A8 to #C0D4E6

#2468A8 #C0D4E6

Calculate the color between two colors, #2468A8 and #C0D4E6. 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)

#2468A8 - #C0D4E6 | 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 #2468A8 as 0% and #C0D4E6 as 100%.

0.0%	0.0% #2468A8	RGB 36 104 168	#2468A8
16.7%	16.7% #3E7AB2	RGB 62 122 178	#3E7AB2
33.3%	33.3% #588CBC	RGB 88 140 188	#588CBC
50.0%	50.0% #729EC7	RGB 114 158 199	#729EC7
66.7%	66.7% #8CB0D1	RGB 140 176 209	#8CB0D1
83.3%	83.3% #A6C2DB	RGB 166 194 219	#A6C2DB
100.0%	100.0% #C0D4E6	RGB 192 212 230	#C0D4E6

#2468A8 #3E7AB2 #588CBC #729EC7 #8CB0D1 #A6C2DB #C0D4E6

#2468A8 - #C0D4E6

HSV Blend

#2468A8 - #C0D4E6 | 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 #2468A8 as 0% and #C0D4E6 as 100%.

0.0%	0.0% #2467A8	RGB 36 103 168	#2467A8
16.7%	16.7% #3877B2	RGB 56 119 178	#3877B2
33.3%	33.3% #4F88BC	RGB 79 136 188	#4F88BC
50.0%	50.0% #6899C7	RGB 104 153 199	#6899C7
66.7%	66.7% #83ACD1	RGB 131 172 209	#83ACD1
83.3%	83.3% #A0BFDB	RGB 160 191 219	#A0BFDB
100.0%	100.0% #C0D4E6	RGB 192 212 230	#C0D4E6

#2467A8 #3877B2 #4F88BC #6899C7 #83ACD1 #A0BFDB #C0D4E6

#2468A8 - #6899C7 - #C0D4E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2467A8 0%, #6899C7 50%, #C0D4E6 100%);
    background: -webkit-linear-gradient(top, #2467A8 0%, #6899C7 50%, #C0D4E6 100%);
    background: linear-gradient(to bottom, #2467A8 0%, #6899C7 50%, #C0D4E6 100%);
}
</style>