#2D4F6B - #C3CCD4 | 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 #2D4F6B to #C3CCD4

#2D4F6B #C3CCD4

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

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

0.0%	0.0% #2D4F6B	RGB 45 79 107	#2D4F6B
16.7%	16.7% #46637C	RGB 70 99 124	#46637C
33.3%	33.3% #5F788E	RGB 95 120 142	#5F788E
50.0%	50.0% #788D9F	RGB 120 141 159	#788D9F
66.7%	66.7% #91A2B1	RGB 145 162 177	#91A2B1
83.3%	83.3% #AAB7C2	RGB 170 183 194	#AAB7C2
100.0%	100.0% #C3CCD4	RGB 195 204 212	#C3CCD4

#2D4F6B #46637C #5F788E #788D9F #91A2B1 #AAB7C2 #C3CCD4

#2D4F6B - #C3CCD4

HSV Blend

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

0.0%	0.0% #2D4F6B	RGB 45 79 107	#2D4F6B
16.7%	16.7% #3E607C	RGB 62 96 124	#3E607C
33.3%	33.3% #53738E	RGB 83 115 142	#53738E
50.0%	50.0% #6A879F	RGB 106 135 159	#6A879F
66.7%	66.7% #859CB1	RGB 133 156 177	#859CB1
83.3%	83.3% #A2B3C2	RGB 162 179 194	#A2B3C2
100.0%	100.0% #C3CCD4	RGB 195 204 212	#C3CCD4

#2D4F6B #3E607C #53738E #6A879F #859CB1 #A2B3C2 #C3CCD4

#2D4F6B - #6A879F - #C3CCD4

CSS codes

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

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