#5E7682 - #B19EA5 | 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 #5E7682 to #B19EA5

#5E7682 #B19EA5

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

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

0.0%	0.0% #5E7682	RGB 94 118 130	#5E7682
16.7%	16.7% #6B7C87	RGB 107 124 135	#6B7C87
33.3%	33.3% #79838D	RGB 121 131 141	#79838D
50.0%	50.0% #878A93	RGB 135 138 147	#878A93
66.7%	66.7% #959099	RGB 149 144 153	#959099
83.3%	83.3% #A3979F	RGB 163 151 159	#A3979F
100.0%	100.0% #B19EA5	RGB 177 158 165	#B19EA5

#5E7682 #6B7C87 #79838D #878A93 #959099 #A3979F #B19EA5

#5E7682 - #B19EA5

HSV Blend

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

0.0%	0.0% #5E7682	RGB 94 118 130	#5E7682
16.7%	16.7% #677189	RGB 103 113 137	#677189
33.3%	33.3% #747191	RGB 116 113 145	#747191
50.0%	50.0% #8A7C99	RGB 138 124 153	#8A7C99
66.7%	66.7% #9D86A1	RGB 157 134 161	#9D86A1
83.3%	83.3% #A992A3	RGB 169 146 163	#A992A3
100.0%	100.0% #B19EA5	RGB 177 158 165	#B19EA5

#5E7682 #677189 #747191 #8A7C99 #9D86A1 #A992A3 #B19EA5

#5E7682 - #8A7C99 - #B19EA5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7682 0%, #8A7C99 50%, #B19EA5 100%);
    background: -webkit-linear-gradient(top, #5E7682 0%, #8A7C99 50%, #B19EA5 100%);
    background: linear-gradient(to bottom, #5E7682 0%, #8A7C99 50%, #B19EA5 100%);
}
</style>