#4E5E9F - #9DA6BF | 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 #4E5E9F to #9DA6BF

#4E5E9F #9DA6BF

Calculate the color between two colors, #4E5E9F and #9DA6BF. 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)

#4E5E9F - #9DA6BF | 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 #4E5E9F as 0% and #9DA6BF as 100%.

0.0%	0.0% #4E5E9F	RGB 78 94 159	#4E5E9F
16.7%	16.7% #5B6AA4	RGB 91 106 164	#5B6AA4
33.3%	33.3% #6876A9	RGB 104 118 169	#6876A9
50.0%	50.0% #7582AF	RGB 117 130 175	#7582AF
66.7%	66.7% #828EB4	RGB 130 142 180	#828EB4
83.3%	83.3% #8F9AB9	RGB 143 154 185	#8F9AB9
100.0%	100.0% #9DA6BF	RGB 157 166 191	#9DA6BF

#4E5E9F #5B6AA4 #6876A9 #7582AF #828EB4 #8F9AB9 #9DA6BF

#4E5E9F - #9DA6BF

HSV Blend

#4E5E9F - #9DA6BF | 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 #4E5E9F as 0% and #9DA6BF as 100%.

0.0%	0.0% #4E5E9F	RGB 78 94 159	#4E5E9F
16.7%	16.7% #5969A4	RGB 89 105 164	#5969A4
33.3%	33.3% #6574A9	RGB 101 116 169	#6574A9
50.0%	50.0% #7280AF	RGB 114 128 175	#7280AF
66.7%	66.7% #808CB4	RGB 128 140 180	#808CB4
83.3%	83.3% #8E99B9	RGB 142 153 185	#8E99B9
100.0%	100.0% #9DA6BF	RGB 157 166 191	#9DA6BF

#4E5E9F #5969A4 #6574A9 #7280AF #808CB4 #8E99B9 #9DA6BF

#4E5E9F - #7280AF - #9DA6BF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E5E9F 0%, #7280AF 50%, #9DA6BF 100%);
    background: -webkit-linear-gradient(top, #4E5E9F 0%, #7280AF 50%, #9DA6BF 100%);
    background: linear-gradient(to bottom, #4E5E9F 0%, #7280AF 50%, #9DA6BF 100%);
}
</style>