#5E7994 - #243545 | 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 #5E7994 to #243545

#5E7994 #243545

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

#5E7994 - #243545 | 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 #5E7994 as 0% and #243545 as 100%.

0.0%	0.0% #5E7994	RGB 94 121 148	#5E7994
16.7%	16.7% #546D86	RGB 84 109 134	#546D86
33.3%	33.3% #4A6279	RGB 74 98 121	#4A6279
50.0%	50.0% #41576C	RGB 65 87 108	#41576C
66.7%	66.7% #374B5F	RGB 55 75 95	#374B5F
83.3%	83.3% #2D4052	RGB 45 64 82	#2D4052
100.0%	100.0% #243545	RGB 36 53 69	#243545

#5E7994 #546D86 #4A6279 #41576C #374B5F #2D4052 #243545

#5E7994 - #243545

HSV Blend

#5E7994 - #243545 | 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 #5E7994 as 0% and #243545 as 100%.

0.0%	0.0% #5E7994	RGB 94 121 148	#5E7994
16.7%	16.7% #536D86	RGB 83 109 134	#536D86
33.3%	33.3% #486179	RGB 72 97 121	#486179
50.0%	50.0% #3E556C	RGB 62 85 108	#3E556C
66.7%	66.7% #354A5F	RGB 53 74 95	#354A5F
83.3%	83.3% #2C3F52	RGB 44 63 82	#2C3F52
100.0%	100.0% #243545	RGB 36 53 69	#243545

#5E7994 #536D86 #486179 #3E556C #354A5F #2C3F52 #243545

#5E7994 - #3E556C - #243545

CSS codes

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

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