#5A6E5E - #1C372D | 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 #5A6E5E to #1C372D

#5A6E5E #1C372D

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

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

0.0%	0.0% #5A6E5E	RGB 90 110 94	#5A6E5E
16.7%	16.7% #4F6455	RGB 79 100 85	#4F6455
33.3%	33.3% #455B4D	RGB 69 91 77	#455B4D
50.0%	50.0% #3B5245	RGB 59 82 69	#3B5245
66.7%	66.7% #30493D	RGB 48 73 61	#30493D
83.3%	83.3% #264035	RGB 38 64 53	#264035
100.0%	100.0% #1C372D	RGB 28 55 45	#1C372D

#5A6E5E #4F6455 #455B4D #3B5245 #30493D #264035 #1C372D

#5A6E5E - #1C372D

HSV Blend

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

0.0%	0.0% #5A6E5E	RGB 90 110 94	#5A6E5E
16.7%	16.7% #4D6453	RGB 77 100 83	#4D6453
33.3%	33.3% #415B4A	RGB 65 91 74	#415B4A
50.0%	50.0% #365242	RGB 54 82 66	#365242
66.7%	66.7% #2C493A	RGB 44 73 58	#2C493A
83.3%	83.3% #234033	RGB 35 64 51	#234033
100.0%	100.0% #1C372D	RGB 28 55 45	#1C372D

#5A6E5E #4D6453 #415B4A #365242 #2C493A #234033 #1C372D

#5A6E5E - #365242 - #1C372D

CSS codes

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

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