#5E698F - #1D2E3E | 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 #5E698F to #1D2E3E

#5E698F #1D2E3E

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

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

0.0%	0.0% #5E698F	RGB 94 105 143	#5E698F
16.7%	16.7% #535F81	RGB 83 95 129	#535F81
33.3%	33.3% #485574	RGB 72 85 116	#485574
50.0%	50.0% #3D4B66	RGB 61 75 102	#3D4B66
66.7%	66.7% #324159	RGB 50 65 89	#324159
83.3%	83.3% #27374B	RGB 39 55 75	#27374B
100.0%	100.0% #1D2E3E	RGB 29 46 62	#1D2E3E

#5E698F #535F81 #485574 #3D4B66 #324159 #27374B #1D2E3E

#5E698F - #1D2E3E

HSV Blend

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

0.0%	0.0% #5E698F	RGB 94 105 143	#5E698F
16.7%	16.7% #515E81	RGB 81 94 129	#515E81
33.3%	33.3% #445474	RGB 68 84 116	#445474
50.0%	50.0% #394A66	RGB 57 74 102	#394A66
66.7%	66.7% #2F4059	RGB 47 64 89	#2F4059
83.3%	83.3% #25374B	RGB 37 55 75	#25374B
100.0%	100.0% #1D2E3E	RGB 29 46 62	#1D2E3E

#5E698F #515E81 #445474 #394A66 #2F4059 #25374B #1D2E3E

#5E698F - #394A66 - #1D2E3E

CSS codes

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

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