#3E6F91 - #C7D5DF | 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 #3E6F91 to #C7D5DF

#3E6F91 #C7D5DF

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

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

0.0%	0.0% #3E6F91	RGB 62 111 145	#3E6F91
16.7%	16.7% #54809E	RGB 84 128 158	#54809E
33.3%	33.3% #6B91AB	RGB 107 145 171	#6B91AB
50.0%	50.0% #82A2B8	RGB 130 162 184	#82A2B8
66.7%	66.7% #99B3C5	RGB 153 179 197	#99B3C5
83.3%	83.3% #B0C4D2	RGB 176 196 210	#B0C4D2
100.0%	100.0% #C7D5DF	RGB 199 213 223	#C7D5DF

#3E6F91 #54809E #6B91AB #82A2B8 #99B3C5 #B0C4D2 #C7D5DF

#3E6F91 - #C7D5DF

HSV Blend

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

0.0%	0.0% #3E6F91	RGB 62 111 145	#3E6F91
16.7%	16.7% #4F7D9E	RGB 79 125 158	#4F7D9E
33.3%	33.3% #638DAB	RGB 99 141 171	#638DAB
50.0%	50.0% #799EB8	RGB 121 158 184	#799EB8
66.7%	66.7% #91AFC5	RGB 145 175 197	#91AFC5
83.3%	83.3% #ABC1D2	RGB 171 193 210	#ABC1D2
100.0%	100.0% #C7D5DF	RGB 199 213 223	#C7D5DF

#3E6F91 #4F7D9E #638DAB #799EB8 #91AFC5 #ABC1D2 #C7D5DF

#3E6F91 - #799EB8 - #C7D5DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E6F91 0%, #799EB8 50%, #C7D5DF 100%);
    background: -webkit-linear-gradient(top, #3E6F91 0%, #799EB8 50%, #C7D5DF 100%);
    background: linear-gradient(to bottom, #3E6F91 0%, #799EB8 50%, #C7D5DF 100%);
}
</style>