#8B97B5 - #385A8F | 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 #8B97B5 to #385A8F

#8B97B5 #385A8F

Calculate the color between two colors, #8B97B5 and #385A8F. 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)

#8B97B5 - #385A8F | 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 #8B97B5 as 0% and #385A8F as 100%.

0.0%	0.0% #8B97B5	RGB 139 151 181	#8B97B5
16.7%	16.7% #7D8CAE	RGB 125 140 174	#7D8CAE
33.3%	33.3% #6F82A8	RGB 111 130 168	#6F82A8
50.0%	50.0% #6178A2	RGB 97 120 162	#6178A2
66.7%	66.7% #536E9B	RGB 83 110 155	#536E9B
83.3%	83.3% #456495	RGB 69 100 149	#456495
100.0%	100.0% #385A8F	RGB 56 90 143	#385A8F

#8B97B5 #7D8CAE #6F82A8 #6178A2 #536E9B #456495 #385A8F

#8B97B5 - #385A8F

HSV Blend

#8B97B5 - #385A8F | 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 #8B97B5 as 0% and #385A8F as 100%.

0.0%	0.0% #8B97B5	RGB 139 151 181	#8B97B5
16.7%	16.7% #7B8AAE	RGB 123 138 174	#7B8AAE
33.3%	33.3% #6C7FA8	RGB 108 127 168	#6C7FA8
50.0%	50.0% #5D74A2	RGB 93 116 162	#5D74A2
66.7%	66.7% #506B9B	RGB 80 107 155	#506B9B
83.3%	83.3% #436295	RGB 67 98 149	#436295
100.0%	100.0% #385A8F	RGB 56 90 143	#385A8F

#8B97B5 #7B8AAE #6C7FA8 #5D74A2 #506B9B #436295 #385A8F

#8B97B5 - #5D74A2 - #385A8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8B97B5 0%, #5D74A2 50%, #385A8F 100%);
    background: -webkit-linear-gradient(top, #8B97B5 0%, #5D74A2 50%, #385A8F 100%);
    background: linear-gradient(to bottom, #8B97B5 0%, #5D74A2 50%, #385A8F 100%);
}
</style>