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

#96BCDA #3C729B

Calculate the color between two colors, #96BCDA and #3C729B. 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 - #3C729B | 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 #3C729B 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% #5A8AB0	RGB 90 138 176	#5A8AB0
83.3%	83.3% #4B7EA5	RGB 75 126 165	#4B7EA5
100.0%	100.0% #3C729B	RGB 60 114 155	#3C729B

#96BCDA #87AFCF #78A3C5 #6997BA #5A8AB0 #4B7EA5 #3C729B

#96BCDA - #3C729B

HSV Blend

#96BCDA - #3C729B | 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 #3C729B 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% #6494BA	RGB 100 148 186	#6494BA
66.7%	66.7% #5588B0	RGB 85 136 176	#5588B0
83.3%	83.3% #487DA5	RGB 72 125 165	#487DA5
100.0%	100.0% #3C729B	RGB 60 114 155	#3C729B

#96BCDA #84AECF #73A1C5 #6494BA #5588B0 #487DA5 #3C729B

#96BCDA - #6494BA - #3C729B

CSS codes

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

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