#6D9FC3 - #29517B | 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 #6D9FC3 to #29517B

#6D9FC3 #29517B

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

#6D9FC3 - #29517B | 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 #6D9FC3 as 0% and #29517B as 100%.

0.0%	0.0% #6D9FC3	RGB 109 159 195	#6D9FC3
16.7%	16.7% #6192B7	RGB 97 146 183	#6192B7
33.3%	33.3% #5685AB	RGB 86 133 171	#5685AB
50.0%	50.0% #4B789F	RGB 75 120 159	#4B789F
66.7%	66.7% #3F6B93	RGB 63 107 147	#3F6B93
83.3%	83.3% #345E87	RGB 52 94 135	#345E87
100.0%	100.0% #29517B	RGB 41 81 123	#29517B

#6D9FC3 #6192B7 #5685AB #4B789F #3F6B93 #345E87 #29517B

#6D9FC3 - #29517B

HSV Blend

#6D9FC3 - #29517B | 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 #6D9FC3 as 0% and #29517B as 100%.

0.0%	0.0% #6D9EC3	RGB 109 158 195	#6D9EC3
16.7%	16.7% #5F90B7	RGB 95 144 183	#5F90B7
33.3%	33.3% #5283AB	RGB 82 131 171	#5283AB
50.0%	50.0% #46769F	RGB 70 118 159	#46769F
66.7%	66.7% #3C6993	RGB 60 105 147	#3C6993
83.3%	83.3% #325C87	RGB 50 92 135	#325C87
100.0%	100.0% #29517B	RGB 41 81 123	#29517B

#6D9EC3 #5F90B7 #5283AB #46769F #3C6993 #325C87 #29517B

#6D9FC3 - #46769F - #29517B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D9EC3 0%, #46769F 50%, #29517B 100%);
    background: -webkit-linear-gradient(top, #6D9EC3 0%, #46769F 50%, #29517B 100%);
    background: linear-gradient(to bottom, #6D9EC3 0%, #46769F 50%, #29517B 100%);
}
</style>