#5E768F - #1D373E | 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 #5E768F to #1D373E

#5E768F #1D373E

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

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

0.0%	0.0% #5E768F	RGB 94 118 143	#5E768F
16.7%	16.7% #536B81	RGB 83 107 129	#536B81
33.3%	33.3% #486174	RGB 72 97 116	#486174
50.0%	50.0% #3D5666	RGB 61 86 102	#3D5666
66.7%	66.7% #324C59	RGB 50 76 89	#324C59
83.3%	83.3% #27414B	RGB 39 65 75	#27414B
100.0%	100.0% #1D373E	RGB 29 55 62	#1D373E

#5E768F #536B81 #486174 #3D5666 #324C59 #27414B #1D373E

#5E768F - #1D373E

HSV Blend

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

0.0%	0.0% #5E768F	RGB 94 118 143	#5E768F
16.7%	16.7% #516B81	RGB 81 107 129	#516B81
33.3%	33.3% #446074	RGB 68 96 116	#446074
50.0%	50.0% #395666	RGB 57 86 102	#395666
66.7%	66.7% #2F4B59	RGB 47 75 89	#2F4B59
83.3%	83.3% #25414B	RGB 37 65 75	#25414B
100.0%	100.0% #1D373E	RGB 29 55 62	#1D373E

#5E768F #516B81 #446074 #395666 #2F4B59 #25414B #1D373E

#5E768F - #395666 - #1D373E

CSS codes

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

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