#6B5E8A - #181F39 | 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 #6B5E8A to #181F39

#6B5E8A #181F39

Calculate the color between two colors, #6B5E8A and #181F39. 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)

#6B5E8A - #181F39 | 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 #6B5E8A as 0% and #181F39 as 100%.

0.0%	0.0% #6B5E8A	RGB 107 94 138	#6B5E8A
16.7%	16.7% #5D537C	RGB 93 83 124	#5D537C
33.3%	33.3% #4F496F	RGB 79 73 111	#4F496F
50.0%	50.0% #413E61	RGB 65 62 97	#413E61
66.7%	66.7% #333454	RGB 51 52 84	#333454
83.3%	83.3% #252946	RGB 37 41 70	#252946
100.0%	100.0% #181F39	RGB 24 31 57	#181F39

#6B5E8A #5D537C #4F496F #413E61 #333454 #252946 #181F39

#6B5E8A - #181F39

HSV Blend

#6B5E8A - #181F39 | 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 #6B5E8A as 0% and #181F39 as 100%.

0.0%	0.0% #6B5E8A	RGB 107 94 138	#6B5E8A
16.7%	16.7% #584F7C	RGB 88 79 124	#584F7C
33.3%	33.3% #47416F	RGB 71 65 111	#47416F
50.0%	50.0% #373561	RGB 55 53 97	#373561
66.7%	66.7% #2A2C54	RGB 42 44 84	#2A2C54
83.3%	83.3% #202546	RGB 32 37 70	#202546
100.0%	100.0% #181F39	RGB 24 31 57	#181F39

#6B5E8A #584F7C #47416F #373561 #2A2C54 #202546 #181F39

#6B5E8A - #373561 - #181F39

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E8A 0%, #373561 50%, #181F39 100%);
    background: -webkit-linear-gradient(top, #6B5E8A 0%, #373561 50%, #181F39 100%);
    background: linear-gradient(to bottom, #6B5E8A 0%, #373561 50%, #181F39 100%);
}
</style>