#8994AF - #3E4467 | 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 #8994AF to #3E4467

#8994AF #3E4467

Calculate the color between two colors, #8994AF and #3E4467. 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)

#8994AF - #3E4467 | 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 #8994AF as 0% and #3E4467 as 100%.

0.0%	0.0% #8994AF	RGB 137 148 175	#8994AF
16.7%	16.7% #7C86A3	RGB 124 134 163	#7C86A3
33.3%	33.3% #707997	RGB 112 121 151	#707997
50.0%	50.0% #636C8B	RGB 99 108 139	#636C8B
66.7%	66.7% #575E7F	RGB 87 94 127	#575E7F
83.3%	83.3% #4A5173	RGB 74 81 115	#4A5173
100.0%	100.0% #3E4467	RGB 62 68 103	#3E4467

#8994AF #7C86A3 #707997 #636C8B #575E7F #4A5173 #3E4467

#8994AF - #3E4467

HSV Blend

#8994AF - #3E4467 | 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 #8994AF as 0% and #3E4467 as 100%.

0.0%	0.0% #8994AF	RGB 137 148 175	#8994AF
16.7%	16.7% #7A85A3	RGB 122 133 163	#7A85A3
33.3%	33.3% #6D7797	RGB 109 119 151	#6D7797
50.0%	50.0% #60698B	RGB 96 105 139	#60698B
66.7%	66.7% #545C7F	RGB 84 92 127	#545C7F
83.3%	83.3% #484F73	RGB 72 79 115	#484F73
100.0%	100.0% #3E4467	RGB 62 68 103	#3E4467

#8994AF #7A85A3 #6D7797 #60698B #545C7F #484F73 #3E4467

#8994AF - #60698B - #3E4467

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8994AF 0%, #60698B 50%, #3E4467 100%);
    background: -webkit-linear-gradient(top, #8994AF 0%, #60698B 50%, #3E4467 100%);
    background: linear-gradient(to bottom, #8994AF 0%, #60698B 50%, #3E4467 100%);
}
</style>