#3E4764 - #918A8D | 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 #3E4764 to #918A8D

#3E4764 #918A8D

Calculate the color between two colors, #3E4764 and #918A8D. 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)

#3E4764 - #918A8D | 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 #3E4764 as 0% and #918A8D as 100%.

0.0%	0.0% #3E4764	RGB 62 71 100	#3E4764
16.7%	16.7% #4B526A	RGB 75 82 106	#4B526A
33.3%	33.3% #595D71	RGB 89 93 113	#595D71
50.0%	50.0% #676878	RGB 103 104 120	#676878
66.7%	66.7% #75737F	RGB 117 115 127	#75737F
83.3%	83.3% #837E86	RGB 131 126 134	#837E86
100.0%	100.0% #918A8D	RGB 145 138 141	#918A8D

#3E4764 #4B526A #595D71 #676878 #75737F #837E86 #918A8D

#3E4764 - #918A8D

HSV Blend

#3E4764 - #918A8D | 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 #3E4764 as 0% and #918A8D as 100%.

0.0%	0.0% #3E4764	RGB 62 71 100	#3E4764
16.7%	16.7% #4A486B	RGB 74 72 107	#4A486B
33.3%	33.3% #5F5473	RGB 95 84 115	#5F5473
50.0%	50.0% #71607A	RGB 113 96 122	#71607A
66.7%	66.7% #816D82	RGB 129 109 130	#816D82
83.3%	83.3% #897B85	RGB 137 123 133	#897B85
100.0%	100.0% #918A8D	RGB 145 138 141	#918A8D

#3E4764 #4A486B #5F5473 #71607A #816D82 #897B85 #918A8D

#3E4764 - #71607A - #918A8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4764 0%, #71607A 50%, #918A8D 100%);
    background: -webkit-linear-gradient(top, #3E4764 0%, #71607A 50%, #918A8D 100%);
    background: linear-gradient(to bottom, #3E4764 0%, #71607A 50%, #918A8D 100%);
}
</style>