#5E7483 - #1F3336 | 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 #5E7483 to #1F3336

#5E7483 #1F3336

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

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

0.0%	0.0% #5E7483	RGB 94 116 131	#5E7483
16.7%	16.7% #536976	RGB 83 105 118	#536976
33.3%	33.3% #495E69	RGB 73 94 105	#495E69
50.0%	50.0% #3E535C	RGB 62 83 92	#3E535C
66.7%	66.7% #34484F	RGB 52 72 79	#34484F
83.3%	83.3% #293D42	RGB 41 61 66	#293D42
100.0%	100.0% #1F3336	RGB 31 51 54	#1F3336

#5E7483 #536976 #495E69 #3E535C #34484F #293D42 #1F3336

#5E7483 - #1F3336

HSV Blend

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

0.0%	0.0% #5E7483	RGB 94 116 131	#5E7483
16.7%	16.7% #516976	RGB 81 105 118	#516976
33.3%	33.3% #465E69	RGB 70 94 105	#465E69
50.0%	50.0% #3B535C	RGB 59 83 92	#3B535C
66.7%	66.7% #31484F	RGB 49 72 79	#31484F
83.3%	83.3% #273E42	RGB 39 62 66	#273E42
100.0%	100.0% #1F3336	RGB 31 51 54	#1F3336

#5E7483 #516976 #465E69 #3B535C #31484F #273E42 #1F3336

#5E7483 - #3B535C - #1F3336

CSS codes

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

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