#3D5E90 - #C7D1DF | 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 #3D5E90 to #C7D1DF

#3D5E90 #C7D1DF

Calculate the color between two colors, #3D5E90 and #C7D1DF. 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)

#3D5E90 - #C7D1DF | 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 #3D5E90 as 0% and #C7D1DF as 100%.

0.0%	0.0% #3D5E90	RGB 61 94 144	#3D5E90
16.7%	16.7% #54719D	RGB 84 113 157	#54719D
33.3%	33.3% #6B84AA	RGB 107 132 170	#6B84AA
50.0%	50.0% #8297B7	RGB 130 151 183	#8297B7
66.7%	66.7% #99AAC4	RGB 153 170 196	#99AAC4
83.3%	83.3% #B0BDD1	RGB 176 189 209	#B0BDD1
100.0%	100.0% #C7D1DF	RGB 199 209 223	#C7D1DF

#3D5E90 #54719D #6B84AA #8297B7 #99AAC4 #B0BDD1 #C7D1DF

#3D5E90 - #C7D1DF

HSV Blend

#3D5E90 - #C7D1DF | 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 #3D5E90 as 0% and #C7D1DF as 100%.

0.0%	0.0% #3D5D90	RGB 61 93 144	#3D5D90
16.7%	16.7% #4E6E9D	RGB 78 110 157	#4E6E9D
33.3%	33.3% #627FAA	RGB 98 127 170	#627FAA
50.0%	50.0% #7892B7	RGB 120 146 183	#7892B7
66.7%	66.7% #90A6C4	RGB 144 166 196	#90A6C4
83.3%	83.3% #AABAD1	RGB 170 186 209	#AABAD1
100.0%	100.0% #C7D1DF	RGB 199 209 223	#C7D1DF

#3D5D90 #4E6E9D #627FAA #7892B7 #90A6C4 #AABAD1 #C7D1DF

#3D5E90 - #7892B7 - #C7D1DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D5D90 0%, #7892B7 50%, #C7D1DF 100%);
    background: -webkit-linear-gradient(top, #3D5D90 0%, #7892B7 50%, #C7D1DF 100%);
    background: linear-gradient(to bottom, #3D5D90 0%, #7892B7 50%, #C7D1DF 100%);
}
</style>