#8BA2B5 - #3D536E | 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 #8BA2B5 to #3D536E

#8BA2B5 #3D536E

Calculate the color between two colors, #8BA2B5 and #3D536E. 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)

#8BA2B5 - #3D536E | 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 #8BA2B5 as 0% and #3D536E as 100%.

0.0%	0.0% #8BA2B5	RGB 139 162 181	#8BA2B5
16.7%	16.7% #7E94A9	RGB 126 148 169	#7E94A9
33.3%	33.3% #71879D	RGB 113 135 157	#71879D
50.0%	50.0% #647A91	RGB 100 122 145	#647A91
66.7%	66.7% #576D85	RGB 87 109 133	#576D85
83.3%	83.3% #4A6079	RGB 74 96 121	#4A6079
100.0%	100.0% #3D536E	RGB 61 83 110	#3D536E

#8BA2B5 #7E94A9 #71879D #647A91 #576D85 #4A6079 #3D536E

#8BA2B5 - #3D536E

HSV Blend

#8BA2B5 - #3D536E | 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 #8BA2B5 as 0% and #3D536E as 100%.

0.0%	0.0% #8BA2B5	RGB 139 162 181	#8BA2B5
16.7%	16.7% #7B93A9	RGB 123 147 169	#7B93A9
33.3%	33.3% #6D869D	RGB 109 134 157	#6D869D
50.0%	50.0% #607891	RGB 96 120 145	#607891
66.7%	66.7% #536B85	RGB 83 107 133	#536B85
83.3%	83.3% #475F79	RGB 71 95 121	#475F79
100.0%	100.0% #3D536E	RGB 61 83 110	#3D536E

#8BA2B5 #7B93A9 #6D869D #607891 #536B85 #475F79 #3D536E

#8BA2B5 - #607891 - #3D536E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8BA2B5 0%, #607891 50%, #3D536E 100%);
    background: -webkit-linear-gradient(top, #8BA2B5 0%, #607891 50%, #3D536E 100%);
    background: linear-gradient(to bottom, #8BA2B5 0%, #607891 50%, #3D536E 100%);
}
</style>