#6DB8D9 - #1F343E | 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 #6DB8D9 to #1F343E

#6DB8D9 #1F343E

Calculate the color between two colors, #6DB8D9 and #1F343E. 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)

#6DB8D9 - #1F343E | 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 #6DB8D9 as 0% and #1F343E as 100%.

0.0%	0.0% #6DB8D9	RGB 109 184 217	#6DB8D9
16.7%	16.7% #60A2BF	RGB 96 162 191	#60A2BF
33.3%	33.3% #538CA5	RGB 83 140 165	#538CA5
50.0%	50.0% #46768B	RGB 70 118 139	#46768B
66.7%	66.7% #396071	RGB 57 96 113	#396071
83.3%	83.3% #2C4A57	RGB 44 74 87	#2C4A57
100.0%	100.0% #1F343E	RGB 31 52 62	#1F343E

#6DB8D9 #60A2BF #538CA5 #46768B #396071 #2C4A57 #1F343E

#6DB8D9 - #1F343E

HSV Blend

#6DB8D9 - #1F343E | 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 #6DB8D9 as 0% and #1F343E as 100%.

0.0%	0.0% #6DB7D9	RGB 109 183 217	#6DB7D9
16.7%	16.7% #5FA1BF	RGB 95 161 191	#5FA1BF
33.3%	33.3% #528BA5	RGB 82 139 165	#528BA5
50.0%	50.0% #45758B	RGB 69 117 139	#45758B
66.7%	66.7% #385F71	RGB 56 95 113	#385F71
83.3%	83.3% #2B4957	RGB 43 73 87	#2B4957
100.0%	100.0% #1F343E	RGB 31 52 62	#1F343E

#6DB7D9 #5FA1BF #528BA5 #45758B #385F71 #2B4957 #1F343E

#6DB8D9 - #45758B - #1F343E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DB7D9 0%, #45758B 50%, #1F343E 100%);
    background: -webkit-linear-gradient(top, #6DB7D9 0%, #45758B 50%, #1F343E 100%);
    background: linear-gradient(to bottom, #6DB7D9 0%, #45758B 50%, #1F343E 100%);
}
</style>