#9BC2D9 - #46739E | 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 #9BC2D9 to #46739E

#9BC2D9 #46739E

Calculate the color between two colors, #9BC2D9 and #46739E. 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)

#9BC2D9 - #46739E | 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 #9BC2D9 as 0% and #46739E as 100%.

0.0%	0.0% #9BC2D9	RGB 155 194 217	#9BC2D9
16.7%	16.7% #8CB4CF	RGB 140 180 207	#8CB4CF
33.3%	33.3% #7EA7C5	RGB 126 167 197	#7EA7C5
50.0%	50.0% #709ABB	RGB 112 154 187	#709ABB
66.7%	66.7% #628DB1	RGB 98 141 177	#628DB1
83.3%	83.3% #5480A7	RGB 84 128 167	#5480A7
100.0%	100.0% #46739E	RGB 70 115 158	#46739E

#9BC2D9 #8CB4CF #7EA7C5 #709ABB #628DB1 #5480A7 #46739E

#9BC2D9 - #46739E

HSV Blend

#9BC2D9 - #46739E | 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 #9BC2D9 as 0% and #46739E as 100%.

0.0%	0.0% #9BC2D9	RGB 155 194 217	#9BC2D9
16.7%	16.7% #8AB4CF	RGB 138 180 207	#8AB4CF
33.3%	33.3% #7BA6C5	RGB 123 166 197	#7BA6C5
50.0%	50.0% #6C99BB	RGB 108 153 187	#6C99BB
66.7%	66.7% #5E8CB1	RGB 94 140 177	#5E8CB1
83.3%	83.3% #517FA7	RGB 81 127 167	#517FA7
100.0%	100.0% #46739E	RGB 70 115 158	#46739E

#9BC2D9 #8AB4CF #7BA6C5 #6C99BB #5E8CB1 #517FA7 #46739E

#9BC2D9 - #6C99BB - #46739E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9BC2D9 0%, #6C99BB 50%, #46739E 100%);
    background: -webkit-linear-gradient(top, #9BC2D9 0%, #6C99BB 50%, #46739E 100%);
    background: linear-gradient(to bottom, #9BC2D9 0%, #6C99BB 50%, #46739E 100%);
}
</style>