#5E6B82 - #202D35 | 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 #5E6B82 to #202D35

#5E6B82 #202D35

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

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

0.0%	0.0% #5E6B82	RGB 94 107 130	#5E6B82
16.7%	16.7% #536075	RGB 83 96 117	#536075
33.3%	33.3% #495668	RGB 73 86 104	#495668
50.0%	50.0% #3F4C5B	RGB 63 76 91	#3F4C5B
66.7%	66.7% #34414E	RGB 52 65 78	#34414E
83.3%	83.3% #2A3741	RGB 42 55 65	#2A3741
100.0%	100.0% #202D35	RGB 32 45 53	#202D35

#5E6B82 #536075 #495668 #3F4C5B #34414E #2A3741 #202D35

#5E6B82 - #202D35

HSV Blend

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

0.0%	0.0% #5E6B82	RGB 94 107 130	#5E6B82
16.7%	16.7% #526075	RGB 82 96 117	#526075
33.3%	33.3% #475668	RGB 71 86 104	#475668
50.0%	50.0% #3C4B5B	RGB 60 75 91	#3C4B5B
66.7%	66.7% #32414E	RGB 50 65 78	#32414E
83.3%	83.3% #293741	RGB 41 55 65	#293741
100.0%	100.0% #202D35	RGB 32 45 53	#202D35

#5E6B82 #526075 #475668 #3C4B5B #32414E #293741 #202D35

#5E6B82 - #3C4B5B - #202D35

CSS codes

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

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