#96C0FF - #366BD6 | 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 #96C0FF to #366BD6

#96C0FF #366BD6

Calculate the color between two colors, #96C0FF and #366BD6. 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)

#96C0FF - #366BD6 | 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 #96C0FF as 0% and #366BD6 as 100%.

0.0%	0.0% #96C0FF	RGB 150 192 255	#96C0FF
16.7%	16.7% #86B1F8	RGB 134 177 248	#86B1F8
33.3%	33.3% #76A3F1	RGB 118 163 241	#76A3F1
50.0%	50.0% #6695EA	RGB 102 149 234	#6695EA
66.7%	66.7% #5687E3	RGB 86 135 227	#5687E3
83.3%	83.3% #4679DC	RGB 70 121 220	#4679DC
100.0%	100.0% #366BD6	RGB 54 107 214	#366BD6

#96C0FF #86B1F8 #76A3F1 #6695EA #5687E3 #4679DC #366BD6

#96C0FF - #366BD6

HSV Blend

#96C0FF - #366BD6 | 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 #96C0FF as 0% and #366BD6 as 100%.

0.0%	0.0% #96C0FF	RGB 150 192 255	#96C0FF
16.7%	16.7% #84B1F8	RGB 132 177 248	#84B1F8
33.3%	33.3% #72A2F1	RGB 114 162 241	#72A2F1
50.0%	50.0% #6294EA	RGB 98 148 234	#6294EA
66.7%	66.7% #5286E3	RGB 82 134 227	#5286E3
83.3%	83.3% #4478DC	RGB 68 120 220	#4478DC
100.0%	100.0% #366BD6	RGB 54 107 214	#366BD6

#96C0FF #84B1F8 #72A2F1 #6294EA #5286E3 #4478DC #366BD6

#96C0FF - #6294EA - #366BD6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96C0FF 0%, #6294EA 50%, #366BD6 100%);
    background: -webkit-linear-gradient(top, #96C0FF 0%, #6294EA 50%, #366BD6 100%);
    background: linear-gradient(to bottom, #96C0FF 0%, #6294EA 50%, #366BD6 100%);
}
</style>