#5E6890 - #B3ABAC | 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 #5E6890 to #B3ABAC

#5E6890 #B3ABAC

Calculate the color between two colors, #5E6890 and #B3ABAC. 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)

#5E6890 - #B3ABAC | 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 #5E6890 as 0% and #B3ABAC as 100%.

0.0%	0.0% #5E6890	RGB 94 104 144	#5E6890
16.7%	16.7% #6C7394	RGB 108 115 148	#6C7394
33.3%	33.3% #7A7E99	RGB 122 126 153	#7A7E99
50.0%	50.0% #88899E	RGB 136 137 158	#88899E
66.7%	66.7% #9694A2	RGB 150 148 162	#9694A2
83.3%	83.3% #A49FA7	RGB 164 159 167	#A49FA7
100.0%	100.0% #B3ABAC	RGB 179 171 172	#B3ABAC

#5E6890 #6C7394 #7A7E99 #88899E #9694A2 #A49FA7 #B3ABAC

#5E6890 - #B3ABAC

HSV Blend

#5E6890 - #B3ABAC | 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 #5E6890 as 0% and #B3ABAC as 100%.

0.0%	0.0% #5E6890	RGB 94 104 144	#5E6890
16.7%	16.7% #6F6995	RGB 111 105 149	#6F6995
33.3%	33.3% #88759B	RGB 136 117 155	#88759B
50.0%	50.0% #9C81A1	RGB 156 129 161	#9C81A1
66.7%	66.7% #A78EA2	RGB 167 142 162	#A78EA2
83.3%	83.3% #AD9CA4	RGB 173 156 164	#AD9CA4
100.0%	100.0% #B3ABAC	RGB 179 171 172	#B3ABAC

#5E6890 #6F6995 #88759B #9C81A1 #A78EA2 #AD9CA4 #B3ABAC

#5E6890 - #9C81A1 - #B3ABAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6890 0%, #9C81A1 50%, #B3ABAC 100%);
    background: -webkit-linear-gradient(top, #5E6890 0%, #9C81A1 50%, #B3ABAC 100%);
    background: linear-gradient(to bottom, #5E6890 0%, #9C81A1 50%, #B3ABAC 100%);
}
</style>