#5E666C - #1E2135 | 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 #5E666C to #1E2135

#5E666C #1E2135

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

#5E666C - #1E2135 | 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 #5E666C as 0% and #1E2135 as 100%.

0.0%	0.0% #5E666C	RGB 94 102 108	#5E666C
16.7%	16.7% #535A62	RGB 83 90 98	#535A62
33.3%	33.3% #484F59	RGB 72 79 89	#484F59
50.0%	50.0% #3E4350	RGB 62 67 80	#3E4350
66.7%	66.7% #333847	RGB 51 56 71	#333847
83.3%	83.3% #282C3E	RGB 40 44 62	#282C3E
100.0%	100.0% #1E2135	RGB 30 33 53	#1E2135

#5E666C #535A62 #484F59 #3E4350 #333847 #282C3E #1E2135

#5E666C - #1E2135

HSV Blend

#5E666C - #1E2135 | 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 #5E666C as 0% and #1E2135 as 100%.

0.0%	0.0% #5E666C	RGB 94 102 108	#5E666C
16.7%	16.7% #515962	RGB 81 89 98	#515962
33.3%	33.3% #444D59	RGB 68 77 89	#444D59
50.0%	50.0% #394150	RGB 57 65 80	#394150
66.7%	66.7% #2F3647	RGB 47 54 71	#2F3647
83.3%	83.3% #262B3E	RGB 38 43 62	#262B3E
100.0%	100.0% #1E2135	RGB 30 33 53	#1E2135

#5E666C #515962 #444D59 #394150 #2F3647 #262B3E #1E2135

#5E666C - #394150 - #1E2135

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E666C 0%, #394150 50%, #1E2135 100%);
    background: -webkit-linear-gradient(top, #5E666C 0%, #394150 50%, #1E2135 100%);
    background: linear-gradient(to bottom, #5E666C 0%, #394150 50%, #1E2135 100%);
}
</style>