#5E6187 - #192A37 | 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 #5E6187 to #192A37

#5E6187 #192A37

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

#5E6187 - #192A37 | 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 #5E6187 as 0% and #192A37 as 100%.

0.0%	0.0% #5E6187	RGB 94 97 135	#5E6187
16.7%	16.7% #525779	RGB 82 87 121	#525779
33.3%	33.3% #474E6C	RGB 71 78 108	#474E6C
50.0%	50.0% #3B455F	RGB 59 69 95	#3B455F
66.7%	66.7% #303C51	RGB 48 60 81	#303C51
83.3%	83.3% #243344	RGB 36 51 68	#243344
100.0%	100.0% #192A37	RGB 25 42 55	#192A37

#5E6187 #525779 #474E6C #3B455F #303C51 #243344 #192A37

#5E6187 - #192A37

HSV Blend

#5E6187 - #192A37 | 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 #5E6187 as 0% and #192A37 as 100%.

0.0%	0.0% #5E6187	RGB 94 97 135	#5E6187
16.7%	16.7% #4F5679	RGB 79 86 121	#4F5679
33.3%	33.3% #424C6C	RGB 66 76 108	#424C6C
50.0%	50.0% #36435F	RGB 54 67 95	#36435F
66.7%	66.7% #2B3A51	RGB 43 58 81	#2B3A51
83.3%	83.3% #213244	RGB 33 50 68	#213244
100.0%	100.0% #192A37	RGB 25 42 55	#192A37

#5E6187 #4F5679 #424C6C #36435F #2B3A51 #213244 #192A37

#5E6187 - #36435F - #192A37

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6187 0%, #36435F 50%, #192A37 100%);
    background: -webkit-linear-gradient(top, #5E6187 0%, #36435F 50%, #192A37 100%);
    background: linear-gradient(to bottom, #5E6187 0%, #36435F 50%, #192A37 100%);
}
</style>