#5E7077 - #282C2F | 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 #5E7077 to #282C2F

#5E7077 #282C2F

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

#5E7077 - #282C2F | 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 #5E7077 as 0% and #282C2F as 100%.

0.0%	0.0% #5E7077	RGB 94 112 119	#5E7077
16.7%	16.7% #55646B	RGB 85 100 107	#55646B
33.3%	33.3% #4C595F	RGB 76 89 95	#4C595F
50.0%	50.0% #434E53	RGB 67 78 83	#434E53
66.7%	66.7% #3A4247	RGB 58 66 71	#3A4247
83.3%	83.3% #31373B	RGB 49 55 59	#31373B
100.0%	100.0% #282C2F	RGB 40 44 47	#282C2F

#5E7077 #55646B #4C595F #434E53 #3A4247 #31373B #282C2F

#5E7077 - #282C2F

HSV Blend

#5E7077 - #282C2F | 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 #5E7077 as 0% and #282C2F as 100%.

0.0%	0.0% #5E7077	RGB 94 112 119	#5E7077
16.7%	16.7% #55646B	RGB 85 100 107	#55646B
33.3%	33.3% #4C595F	RGB 76 89 95	#4C595F
50.0%	50.0% #444D53	RGB 68 77 83	#444D53
66.7%	66.7% #3A4247	RGB 58 66 71	#3A4247
83.3%	83.3% #31373B	RGB 49 55 59	#31373B
100.0%	100.0% #282C2F	RGB 40 44 47	#282C2F

#5E7077 #55646B #4C595F #444D53 #3A4247 #31373B #282C2F

#5E7077 - #444D53 - #282C2F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7077 0%, #444D53 50%, #282C2F 100%);
    background: -webkit-linear-gradient(top, #5E7077 0%, #444D53 50%, #282C2F 100%);
    background: linear-gradient(to bottom, #5E7077 0%, #444D53 50%, #282C2F 100%);
}
</style>