#96ADE1 - #3B5AA6 | 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 #96ADE1 to #3B5AA6

#96ADE1 #3B5AA6

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

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

0.0%	0.0% #96ADE1	RGB 150 173 225	#96ADE1
16.7%	16.7% #869FD7	RGB 134 159 215	#869FD7
33.3%	33.3% #7791CD	RGB 119 145 205	#7791CD
50.0%	50.0% #6883C3	RGB 104 131 195	#6883C3
66.7%	66.7% #5975B9	RGB 89 117 185	#5975B9
83.3%	83.3% #4A67AF	RGB 74 103 175	#4A67AF
100.0%	100.0% #3B5AA6	RGB 59 90 166	#3B5AA6

#96ADE1 #869FD7 #7791CD #6883C3 #5975B9 #4A67AF #3B5AA6

#96ADE1 - #3B5AA6

HSV Blend

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

0.0%	0.0% #96ADE1	RGB 150 173 225	#96ADE1
16.7%	16.7% #849DD7	RGB 132 157 215	#849DD7
33.3%	33.3% #738ECD	RGB 115 142 205	#738ECD
50.0%	50.0% #6380C3	RGB 99 128 195	#6380C3
66.7%	66.7% #5572B9	RGB 85 114 185	#5572B9
83.3%	83.3% #4766AF	RGB 71 102 175	#4766AF
100.0%	100.0% #3B5AA6	RGB 59 90 166	#3B5AA6

#96ADE1 #849DD7 #738ECD #6380C3 #5572B9 #4766AF #3B5AA6

#96ADE1 - #6380C3 - #3B5AA6

CSS codes

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

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