#5E6B83 - #202D36 | 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 #5E6B83 to #202D36

#5E6B83 #202D36

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

#5E6B83 - #202D36 | 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 #5E6B83 as 0% and #202D36 as 100%.

0.0%	0.0% #5E6B83	RGB 94 107 131	#5E6B83
16.7%	16.7% #536076	RGB 83 96 118	#536076
33.3%	33.3% #495669	RGB 73 86 105	#495669
50.0%	50.0% #3F4C5C	RGB 63 76 92	#3F4C5C
66.7%	66.7% #34414F	RGB 52 65 79	#34414F
83.3%	83.3% #2A3742	RGB 42 55 66	#2A3742
100.0%	100.0% #202D36	RGB 32 45 54	#202D36

#5E6B83 #536076 #495669 #3F4C5C #34414F #2A3742 #202D36

#5E6B83 - #202D36

HSV Blend

#5E6B83 - #202D36 | 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 #5E6B83 as 0% and #202D36 as 100%.

0.0%	0.0% #5E6B83	RGB 94 107 131	#5E6B83
16.7%	16.7% #526076	RGB 82 96 118	#526076
33.3%	33.3% #475569	RGB 71 85 105	#475569
50.0%	50.0% #3C4B5C	RGB 60 75 92	#3C4B5C
66.7%	66.7% #32414F	RGB 50 65 79	#32414F
83.3%	83.3% #283742	RGB 40 55 66	#283742
100.0%	100.0% #202D36	RGB 32 45 54	#202D36

#5E6B83 #526076 #475569 #3C4B5C #32414F #283742 #202D36

#5E6B83 - #3C4B5C - #202D36

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6B83 0%, #3C4B5C 50%, #202D36 100%);
    background: -webkit-linear-gradient(top, #5E6B83 0%, #3C4B5C 50%, #202D36 100%);
    background: linear-gradient(to bottom, #5E6B83 0%, #3C4B5C 50%, #202D36 100%);
}
</style>