#3E5E99 - #96A8BF | 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 #3E5E99 to #96A8BF

#3E5E99 #96A8BF

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

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

0.0%	0.0% #3E5E99	RGB 62 94 153	#3E5E99
16.7%	16.7% #4C6A9F	RGB 76 106 159	#4C6A9F
33.3%	33.3% #5B76A5	RGB 91 118 165	#5B76A5
50.0%	50.0% #6A83AC	RGB 106 131 172	#6A83AC
66.7%	66.7% #788FB2	RGB 120 143 178	#788FB2
83.3%	83.3% #879BB8	RGB 135 155 184	#879BB8
100.0%	100.0% #96A8BF	RGB 150 168 191	#96A8BF

#3E5E99 #4C6A9F #5B76A5 #6A83AC #788FB2 #879BB8 #96A8BF

#3E5E99 - #96A8BF

HSV Blend

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

0.0%	0.0% #3E5D99	RGB 62 93 153	#3E5D99
16.7%	16.7% #4A699F	RGB 74 105 159	#4A699F
33.3%	33.3% #5875A5	RGB 88 117 165	#5875A5
50.0%	50.0% #6681AC	RGB 102 129 172	#6681AC
66.7%	66.7% #758EB2	RGB 117 142 178	#758EB2
83.3%	83.3% #859BB8	RGB 133 155 184	#859BB8
100.0%	100.0% #96A8BF	RGB 150 168 191	#96A8BF

#3E5D99 #4A699F #5875A5 #6681AC #758EB2 #859BB8 #96A8BF

#3E5E99 - #6681AC - #96A8BF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5D99 0%, #6681AC 50%, #96A8BF 100%);
    background: -webkit-linear-gradient(top, #3E5D99 0%, #6681AC 50%, #96A8BF 100%);
    background: linear-gradient(to bottom, #3E5D99 0%, #6681AC 50%, #96A8BF 100%);
}
</style>