#2D6B9F - #C3D4E3 | 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 #2D6B9F to #C3D4E3

#2D6B9F #C3D4E3

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

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

0.0%	0.0% #2D6B9F	RGB 45 107 159	#2D6B9F
16.7%	16.7% #467CAA	RGB 70 124 170	#467CAA
33.3%	33.3% #5F8EB5	RGB 95 142 181	#5F8EB5
50.0%	50.0% #789FC1	RGB 120 159 193	#789FC1
66.7%	66.7% #91B1CC	RGB 145 177 204	#91B1CC
83.3%	83.3% #AAC2D7	RGB 170 194 215	#AAC2D7
100.0%	100.0% #C3D4E3	RGB 195 212 227	#C3D4E3

#2D6B9F #467CAA #5F8EB5 #789FC1 #91B1CC #AAC2D7 #C3D4E3

#2D6B9F - #C3D4E3

HSV Blend

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

0.0%	0.0% #2D6B9F	RGB 45 107 159	#2D6B9F
16.7%	16.7% #4079AA	RGB 64 121 170	#4079AA
33.3%	33.3% #5689B5	RGB 86 137 181	#5689B5
50.0%	50.0% #6E9AC1	RGB 110 154 193	#6E9AC1
66.7%	66.7% #88ACCC	RGB 136 172 204	#88ACCC
83.3%	83.3% #A4BFD7	RGB 164 191 215	#A4BFD7
100.0%	100.0% #C3D4E3	RGB 195 212 227	#C3D4E3

#2D6B9F #4079AA #5689B5 #6E9AC1 #88ACCC #A4BFD7 #C3D4E3

#2D6B9F - #6E9AC1 - #C3D4E3

CSS codes

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

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