#5E6675 - #1F2B2D | 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 #5E6675 to #1F2B2D

#5E6675 #1F2B2D

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

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

0.0%	0.0% #5E6675	RGB 94 102 117	#5E6675
16.7%	16.7% #535C69	RGB 83 92 105	#535C69
33.3%	33.3% #49525D	RGB 73 82 93	#49525D
50.0%	50.0% #3E4851	RGB 62 72 81	#3E4851
66.7%	66.7% #343E45	RGB 52 62 69	#343E45
83.3%	83.3% #293439	RGB 41 52 57	#293439
100.0%	100.0% #1F2B2D	RGB 31 43 45	#1F2B2D

#5E6675 #535C69 #49525D #3E4851 #343E45 #293439 #1F2B2D

#5E6675 - #1F2B2D

HSV Blend

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

0.0%	0.0% #5E6675	RGB 94 102 117	#5E6675
16.7%	16.7% #525C69	RGB 82 92 105	#525C69
33.3%	33.3% #47525D	RGB 71 82 93	#47525D
50.0%	50.0% #3C4851	RGB 60 72 81	#3C4851
66.7%	66.7% #323F45	RGB 50 63 69	#323F45
83.3%	83.3% #283539	RGB 40 53 57	#283539
100.0%	100.0% #1F2B2D	RGB 31 43 45	#1F2B2D

#5E6675 #525C69 #47525D #3C4851 #323F45 #283539 #1F2B2D

#5E6675 - #3C4851 - #1F2B2D

CSS codes

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

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