#8B8FB1 - #344666 | 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 #8B8FB1 to #344666

#8B8FB1 #344666

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

#8B8FB1 - #344666 | 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 #8B8FB1 as 0% and #344666 as 100%.

0.0%	0.0% #8B8FB1	RGB 139 143 177	#8B8FB1
16.7%	16.7% #7C82A4	RGB 124 130 164	#7C82A4
33.3%	33.3% #6E7698	RGB 110 118 152	#6E7698
50.0%	50.0% #5F6A8B	RGB 95 106 139	#5F6A8B
66.7%	66.7% #515E7F	RGB 81 94 127	#515E7F
83.3%	83.3% #425272	RGB 66 82 114	#425272
100.0%	100.0% #344666	RGB 52 70 102	#344666

#8B8FB1 #7C82A4 #6E7698 #5F6A8B #515E7F #425272 #344666

#8B8FB1 - #344666

HSV Blend

#8B8FB1 - #344666 | 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 #8B8FB1 as 0% and #344666 as 100%.

0.0%	0.0% #8B8FB1	RGB 139 143 177	#8B8FB1
16.7%	16.7% #797FA4	RGB 121 127 164	#797FA4
33.3%	33.3% #697298	RGB 105 114 152	#697298
50.0%	50.0% #5A658B	RGB 90 101 139	#5A658B
66.7%	66.7% #4C5A7F	RGB 76 90 127	#4C5A7F
83.3%	83.3% #3F4F72	RGB 63 79 114	#3F4F72
100.0%	100.0% #344666	RGB 52 70 102	#344666

#8B8FB1 #797FA4 #697298 #5A658B #4C5A7F #3F4F72 #344666

#8B8FB1 - #5A658B - #344666

CSS codes

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

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