#96A8C4 - #415980 | 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 #96A8C4 to #415980

#96A8C4 #415980

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

#96A8C4 - #415980 | 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 #96A8C4 as 0% and #415980 as 100%.

0.0%	0.0% #96A8C4	RGB 150 168 196	#96A8C4
16.7%	16.7% #879AB8	RGB 135 154 184	#879AB8
33.3%	33.3% #798DAD	RGB 121 141 173	#798DAD
50.0%	50.0% #6B80A2	RGB 107 128 162	#6B80A2
66.7%	66.7% #5D7396	RGB 93 115 150	#5D7396
83.3%	83.3% #4F668B	RGB 79 102 139	#4F668B
100.0%	100.0% #415980	RGB 65 89 128	#415980

#96A8C4 #879AB8 #798DAD #6B80A2 #5D7396 #4F668B #415980

#96A8C4 - #415980

HSV Blend

#96A8C4 - #415980 | 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 #96A8C4 as 0% and #415980 as 100%.

0.0%	0.0% #96A8C4	RGB 150 168 196	#96A8C4
16.7%	16.7% #8599B8	RGB 133 153 184	#8599B8
33.3%	33.3% #758BAD	RGB 117 139 173	#758BAD
50.0%	50.0% #677DA2	RGB 103 125 162	#677DA2
66.7%	66.7% #597096	RGB 89 112 150	#597096
83.3%	83.3% #4C648B	RGB 76 100 139	#4C648B
100.0%	100.0% #415980	RGB 65 89 128	#415980

#96A8C4 #8599B8 #758BAD #677DA2 #597096 #4C648B #415980

#96A8C4 - #677DA2 - #415980

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96A8C4 0%, #677DA2 50%, #415980 100%);
    background: -webkit-linear-gradient(top, #96A8C4 0%, #677DA2 50%, #415980 100%);
    background: linear-gradient(to bottom, #96A8C4 0%, #677DA2 50%, #415980 100%);
}
</style>