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

#686C9F #1F2E4D

Calculate the color between two colors, #686C9F and #1F2E4D. 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 - #1F2E4D | 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 #1F2E4D as 100%.

0.0%	0.0% #686C9F	RGB 104 108 159	#686C9F
16.7%	16.7% #5B6191	RGB 91 97 145	#5B6191
33.3%	33.3% #4F5783	RGB 79 87 131	#4F5783
50.0%	50.0% #434D76	RGB 67 77 118	#434D76
66.7%	66.7% #374268	RGB 55 66 104	#374268
83.3%	83.3% #2B385A	RGB 43 56 90	#2B385A
100.0%	100.0% #1F2E4D	RGB 31 46 77	#1F2E4D

#686C9F #5B6191 #4F5783 #434D76 #374268 #2B385A #1F2E4D

#686C9F - #1F2E4D

HSV Blend

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

0.0%	0.0% #686C9F	RGB 104 108 159	#686C9F
16.7%	16.7% #585F91	RGB 88 95 145	#585F91
33.3%	33.3% #4B5383	RGB 75 83 131	#4B5383
50.0%	50.0% #3E4976	RGB 62 73 118	#3E4976
66.7%	66.7% #323F68	RGB 50 63 104	#323F68
83.3%	83.3% #28365A	RGB 40 54 90	#28365A
100.0%	100.0% #1F2E4D	RGB 31 46 77	#1F2E4D

#686C9F #585F91 #4B5383 #3E4976 #323F68 #28365A #1F2E4D

#686C9F - #3E4976 - #1F2E4D

CSS codes

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

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