#6E5E7A - #171C2E | 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 #6E5E7A to #171C2E

#6E5E7A #171C2E

Calculate the color between two colors, #6E5E7A and #171C2E. 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)

#6E5E7A - #171C2E | 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 #6E5E7A as 0% and #171C2E as 100%.

0.0%	0.0% #6E5E7A	RGB 110 94 122	#6E5E7A
16.7%	16.7% #5F536D	RGB 95 83 109	#5F536D
33.3%	33.3% #514860	RGB 81 72 96	#514860
50.0%	50.0% #423D54	RGB 66 61 84	#423D54
66.7%	66.7% #343247	RGB 52 50 71	#343247
83.3%	83.3% #25273A	RGB 37 39 58	#25273A
100.0%	100.0% #171C2E	RGB 23 28 46	#171C2E

#6E5E7A #5F536D #514860 #423D54 #343247 #25273A #171C2E

#6E5E7A - #171C2E

HSV Blend

#6E5E7A - #171C2E | 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 #6E5E7A as 0% and #171C2E as 100%.

0.0%	0.0% #6E5E7A	RGB 110 94 122	#6E5E7A
16.7%	16.7% #5C4F6D	RGB 92 79 109	#5C4F6D
33.3%	33.3% #4B4160	RGB 75 65 96	#4B4160
50.0%	50.0% #3A3554	RGB 58 53 84	#3A3554
66.7%	66.7% #2B2A47	RGB 43 42 71	#2B2A47
83.3%	83.3% #1F223A	RGB 31 34 58	#1F223A
100.0%	100.0% #171C2E	RGB 23 28 46	#171C2E

#6E5E7A #5C4F6D #4B4160 #3A3554 #2B2A47 #1F223A #171C2E

#6E5E7A - #3A3554 - #171C2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E5E7A 0%, #3A3554 50%, #171C2E 100%);
    background: -webkit-linear-gradient(top, #6E5E7A 0%, #3A3554 50%, #171C2E 100%);
    background: linear-gradient(to bottom, #6E5E7A 0%, #3A3554 50%, #171C2E 100%);
}
</style>