#5E6182 - #8FBF9C | 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 #5E6182 to #8FBF9C

#5E6182 #8FBF9C

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

#5E6182 - #8FBF9C | 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 #5E6182 as 0% and #8FBF9C as 100%.

0.0%	0.0% #5E6182	RGB 94 97 130	#5E6182
16.7%	16.7% #667086	RGB 102 112 134	#667086
33.3%	33.3% #6E808A	RGB 110 128 138	#6E808A
50.0%	50.0% #76908F	RGB 118 144 143	#76908F
66.7%	66.7% #7E9F93	RGB 126 159 147	#7E9F93
83.3%	83.3% #86AF97	RGB 134 175 151	#86AF97
100.0%	100.0% #8FBF9C	RGB 143 191 156	#8FBF9C

#5E6182 #667086 #6E808A #76908F #7E9F93 #86AF97 #8FBF9C

#5E6182 - #8FBF9C

HSV Blend

#5E6182 - #8FBF9C | 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 #5E6182 as 0% and #8FBF9C as 100%.

0.0%	0.0% #5E6182	RGB 94 97 130	#5E6182
16.7%	16.7% #65738C	RGB 101 115 140	#65738C
33.3%	33.3% #6D8796	RGB 109 135 150	#6D8796
50.0%	50.0% #769CA0	RGB 118 156 160	#769CA0
66.7%	66.7% #7EAAA2	RGB 126 170 162	#7EAAA2
83.3%	83.3% #86B49F	RGB 134 180 159	#86B49F
100.0%	100.0% #8FBF9C	RGB 143 191 156	#8FBF9C

#5E6182 #65738C #6D8796 #769CA0 #7EAAA2 #86B49F #8FBF9C

#5E6182 - #769CA0 - #8FBF9C

CSS codes

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

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