#96A8D3 - #3D5792 | 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 #96A8D3 to #3D5792

#96A8D3 #3D5792

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

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

0.0%	0.0% #96A8D3	RGB 150 168 211	#96A8D3
16.7%	16.7% #879AC8	RGB 135 154 200	#879AC8
33.3%	33.3% #788DBD	RGB 120 141 189	#788DBD
50.0%	50.0% #697FB2	RGB 105 127 178	#697FB2
66.7%	66.7% #5A72A7	RGB 90 114 167	#5A72A7
83.3%	83.3% #4B649C	RGB 75 100 156	#4B649C
100.0%	100.0% #3D5792	RGB 61 87 146	#3D5792

#96A8D3 #879AC8 #788DBD #697FB2 #5A72A7 #4B649C #3D5792

#96A8D3 - #3D5792

HSV Blend

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

0.0%	0.0% #96A8D3	RGB 150 168 211	#96A8D3
16.7%	16.7% #8498C8	RGB 132 152 200	#8498C8
33.3%	33.3% #7489BD	RGB 116 137 189	#7489BD
50.0%	50.0% #647CB2	RGB 100 124 178	#647CB2
66.7%	66.7% #566EA7	RGB 86 110 167	#566EA7
83.3%	83.3% #49629C	RGB 73 98 156	#49629C
100.0%	100.0% #3D5792	RGB 61 87 146	#3D5792

#96A8D3 #8498C8 #7489BD #647CB2 #566EA7 #49629C #3D5792

#96A8D3 - #647CB2 - #3D5792

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96A8D3 0%, #647CB2 50%, #3D5792 100%);
    background: -webkit-linear-gradient(top, #96A8D3 0%, #647CB2 50%, #3D5792 100%);
    background: linear-gradient(to bottom, #96A8D3 0%, #647CB2 50%, #3D5792 100%);
}
</style>