#96ADE4 - #3B5AAA | 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 #96ADE4 to #3B5AAA

#96ADE4 #3B5AAA

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

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

0.0%	0.0% #96ADE4	RGB 150 173 228	#96ADE4
16.7%	16.7% #869FDA	RGB 134 159 218	#869FDA
33.3%	33.3% #7791D0	RGB 119 145 208	#7791D0
50.0%	50.0% #6883C7	RGB 104 131 199	#6883C7
66.7%	66.7% #5975BD	RGB 89 117 189	#5975BD
83.3%	83.3% #4A67B3	RGB 74 103 179	#4A67B3
100.0%	100.0% #3B5AAA	RGB 59 90 170	#3B5AAA

#96ADE4 #869FDA #7791D0 #6883C7 #5975BD #4A67B3 #3B5AAA

#96ADE4 - #3B5AAA

HSV Blend

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

0.0%	0.0% #96ACE4	RGB 150 172 228	#96ACE4
16.7%	16.7% #849DDA	RGB 132 157 218	#849DDA
33.3%	33.3% #738ED0	RGB 115 142 208	#738ED0
50.0%	50.0% #6380C7	RGB 99 128 199	#6380C7
66.7%	66.7% #5572BD	RGB 85 114 189	#5572BD
83.3%	83.3% #4766B3	RGB 71 102 179	#4766B3
100.0%	100.0% #3B5AAA	RGB 59 90 170	#3B5AAA

#96ACE4 #849DDA #738ED0 #6380C7 #5572BD #4766B3 #3B5AAA

#96ADE4 - #6380C7 - #3B5AAA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96ACE4 0%, #6380C7 50%, #3B5AAA 100%);
    background: -webkit-linear-gradient(top, #96ACE4 0%, #6380C7 50%, #3B5AAA 100%);
    background: linear-gradient(to bottom, #96ACE4 0%, #6380C7 50%, #3B5AAA 100%);
}
</style>