#686C9F - #1D1E2D | 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 #686C9F to #1D1E2D

#686C9F #1D1E2D

Calculate the color between two colors, #686C9F and #1D1E2D. 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)

#686C9F - #1D1E2D | 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 #686C9F as 0% and #1D1E2D as 100%.

0.0%	0.0% #686C9F	RGB 104 108 159	#686C9F
16.7%	16.7% #5B5F8C	RGB 91 95 140	#5B5F8C
33.3%	33.3% #4F5279	RGB 79 82 121	#4F5279
50.0%	50.0% #424566	RGB 66 69 102	#424566
66.7%	66.7% #363853	RGB 54 56 83	#363853
83.3%	83.3% #292B40	RGB 41 43 64	#292B40
100.0%	100.0% #1D1E2D	RGB 29 30 45	#1D1E2D

#686C9F #5B5F8C #4F5279 #424566 #363853 #292B40 #1D1E2D

#686C9F - #1D1E2D

HSV Blend

#686C9F - #1D1E2D | 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 #686C9F as 0% and #1D1E2D as 100%.

0.0%	0.0% #686C9F	RGB 104 108 159	#686C9F
16.7%	16.7% #5B5E8C	RGB 91 94 140	#5B5E8C
33.3%	33.3% #4E5179	RGB 78 81 121	#4E5179
50.0%	50.0% #424466	RGB 66 68 102	#424466
66.7%	66.7% #353753	RGB 53 55 83	#353753
83.3%	83.3% #292A40	RGB 41 42 64	#292A40
100.0%	100.0% #1D1E2D	RGB 29 30 45	#1D1E2D

#686C9F #5B5E8C #4E5179 #424466 #353753 #292A40 #1D1E2D

#686C9F - #424466 - #1D1E2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #686C9F 0%, #424466 50%, #1D1E2D 100%);
    background: -webkit-linear-gradient(top, #686C9F 0%, #424466 50%, #1D1E2D 100%);
    background: linear-gradient(to bottom, #686C9F 0%, #424466 50%, #1D1E2D 100%);
}
</style>