#3E4064 - #89818B | 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 #3E4064 to #89818B

#3E4064 #89818B

Calculate the color between two colors, #3E4064 and #89818B. 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)

#3E4064 - #89818B | 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 #3E4064 as 0% and #89818B as 100%.

0.0%	0.0% #3E4064	RGB 62 64 100	#3E4064
16.7%	16.7% #4A4A6A	RGB 74 74 106	#4A4A6A
33.3%	33.3% #575571	RGB 87 85 113	#575571
50.0%	50.0% #636077	RGB 99 96 119	#636077
66.7%	66.7% #706B7E	RGB 112 107 126	#706B7E
83.3%	83.3% #7C7684	RGB 124 118 132	#7C7684
100.0%	100.0% #89818B	RGB 137 129 139	#89818B

#3E4064 #4A4A6A #575571 #636077 #706B7E #7C7684 #89818B

#3E4064 - #89818B

HSV Blend

#3E4064 - #89818B | 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 #3E4064 as 0% and #89818B as 100%.

0.0%	0.0% #3E4064	RGB 62 64 100	#3E4064
16.7%	16.7% #4A476A	RGB 74 71 106	#4A476A
33.3%	33.3% #585171	RGB 88 81 113	#585171
50.0%	50.0% #665C77	RGB 102 92 119	#665C77
66.7%	66.7% #73677E	RGB 115 103 126	#73677E
83.3%	83.3% #7E7484	RGB 126 116 132	#7E7484
100.0%	100.0% #89818B	RGB 137 129 139	#89818B

#3E4064 #4A476A #585171 #665C77 #73677E #7E7484 #89818B

#3E4064 - #665C77 - #89818B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4064 0%, #665C77 50%, #89818B 100%);
    background: -webkit-linear-gradient(top, #3E4064 0%, #665C77 50%, #89818B 100%);
    background: linear-gradient(to bottom, #3E4064 0%, #665C77 50%, #89818B 100%);
}
</style>