#5E6B82 - #B19E9F | 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 #5E6B82 to #B19E9F

#5E6B82 #B19E9F

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

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

0.0%	0.0% #5E6B82	RGB 94 107 130	#5E6B82
16.7%	16.7% #6B7386	RGB 107 115 134	#6B7386
33.3%	33.3% #797C8B	RGB 121 124 139	#797C8B
50.0%	50.0% #878490	RGB 135 132 144	#878490
66.7%	66.7% #958D95	RGB 149 141 149	#958D95
83.3%	83.3% #A3959A	RGB 163 149 154	#A3959A
100.0%	100.0% #B19E9F	RGB 177 158 159	#B19E9F

#5E6B82 #6B7386 #797C8B #878490 #958D95 #A3959A #B19E9F

#5E6B82 - #B19E9F

HSV Blend

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

0.0%	0.0% #5E6B82	RGB 94 107 130	#5E6B82
16.7%	16.7% #686789	RGB 104 103 137	#686789
33.3%	33.3% #7E7191	RGB 126 113 145	#7E7191
50.0%	50.0% #937C99	RGB 147 124 153	#937C99
66.7%	66.7% #A1869C	RGB 161 134 156	#A1869C
83.3%	83.3% #A9929C	RGB 169 146 156	#A9929C
100.0%	100.0% #B19E9F	RGB 177 158 159	#B19E9F

#5E6B82 #686789 #7E7191 #937C99 #A1869C #A9929C #B19E9F

#5E6B82 - #937C99 - #B19E9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6B82 0%, #937C99 50%, #B19E9F 100%);
    background: -webkit-linear-gradient(top, #5E6B82 0%, #937C99 50%, #B19E9F 100%);
    background: linear-gradient(to bottom, #5E6B82 0%, #937C99 50%, #B19E9F 100%);
}
</style>