#6D9FAD - #305163 | 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 #6D9FAD to #305163

#6D9FAD #305163

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

#6D9FAD - #305163 | 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 #6D9FAD as 0% and #305163 as 100%.

0.0%	0.0% #6D9FAD	RGB 109 159 173	#6D9FAD
16.7%	16.7% #6292A0	RGB 98 146 160	#6292A0
33.3%	33.3% #588594	RGB 88 133 148	#588594
50.0%	50.0% #4E7888	RGB 78 120 136	#4E7888
66.7%	66.7% #446B7B	RGB 68 107 123	#446B7B
83.3%	83.3% #3A5E6F	RGB 58 94 111	#3A5E6F
100.0%	100.0% #305163	RGB 48 81 99	#305163

#6D9FAD #6292A0 #588594 #4E7888 #446B7B #3A5E6F #305163

#6D9FAD - #305163

HSV Blend

#6D9FAD - #305163 | 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 #6D9FAD as 0% and #305163 as 100%.

0.0%	0.0% #6D9FAD	RGB 109 159 173	#6D9FAD
16.7%	16.7% #6191A0	RGB 97 145 160	#6191A0
33.3%	33.3% #568394	RGB 86 131 148	#568394
50.0%	50.0% #4B7688	RGB 75 118 136	#4B7688
66.7%	66.7% #41697B	RGB 65 105 123	#41697B
83.3%	83.3% #385D6F	RGB 56 93 111	#385D6F
100.0%	100.0% #305163	RGB 48 81 99	#305163

#6D9FAD #6191A0 #568394 #4B7688 #41697B #385D6F #305163

#6D9FAD - #4B7688 - #305163

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D9FAD 0%, #4B7688 50%, #305163 100%);
    background: -webkit-linear-gradient(top, #6D9FAD 0%, #4B7688 50%, #305163 100%);
    background: linear-gradient(to bottom, #6D9FAD 0%, #4B7688 50%, #305163 100%);
}
</style>