#96BCDA - #3C739B | 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 #96BCDA to #3C739B

#96BCDA #3C739B

Calculate the color between two colors, #96BCDA and #3C739B. 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)

#96BCDA - #3C739B | 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 #96BCDA as 0% and #3C739B as 100%.

0.0%	0.0% #96BCDA	RGB 150 188 218	#96BCDA
16.7%	16.7% #87AFCF	RGB 135 175 207	#87AFCF
33.3%	33.3% #78A3C5	RGB 120 163 197	#78A3C5
50.0%	50.0% #6997BA	RGB 105 151 186	#6997BA
66.7%	66.7% #5A8BB0	RGB 90 139 176	#5A8BB0
83.3%	83.3% #4B7FA5	RGB 75 127 165	#4B7FA5
100.0%	100.0% #3C739B	RGB 60 115 155	#3C739B

#96BCDA #87AFCF #78A3C5 #6997BA #5A8BB0 #4B7FA5 #3C739B

#96BCDA - #3C739B

HSV Blend

#96BCDA - #3C739B | 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 #96BCDA as 0% and #3C739B as 100%.

0.0%	0.0% #96BCDA	RGB 150 188 218	#96BCDA
16.7%	16.7% #84AECF	RGB 132 174 207	#84AECF
33.3%	33.3% #73A1C5	RGB 115 161 197	#73A1C5
50.0%	50.0% #6495BA	RGB 100 149 186	#6495BA
66.7%	66.7% #5589B0	RGB 85 137 176	#5589B0
83.3%	83.3% #487DA5	RGB 72 125 165	#487DA5
100.0%	100.0% #3C739B	RGB 60 115 155	#3C739B

#96BCDA #84AECF #73A1C5 #6495BA #5589B0 #487DA5 #3C739B

#96BCDA - #6495BA - #3C739B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96BCDA 0%, #6495BA 50%, #3C739B 100%);
    background: -webkit-linear-gradient(top, #96BCDA 0%, #6495BA 50%, #3C739B 100%);
    background: linear-gradient(to bottom, #96BCDA 0%, #6495BA 50%, #3C739B 100%);
}
</style>