#6B5D8C - #211F3C | 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 #6B5D8C to #211F3C

#6B5D8C #211F3C

Calculate the color between two colors, #6B5D8C and #211F3C. 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)

#6B5D8C - #211F3C | 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 #6B5D8C as 0% and #211F3C as 100%.

0.0%	0.0% #6B5D8C	RGB 107 93 140	#6B5D8C
16.7%	16.7% #5E527E	RGB 94 82 126	#5E527E
33.3%	33.3% #524871	RGB 82 72 113	#524871
50.0%	50.0% #463E64	RGB 70 62 100	#463E64
66.7%	66.7% #393356	RGB 57 51 86	#393356
83.3%	83.3% #2D2949	RGB 45 41 73	#2D2949
100.0%	100.0% #211F3C	RGB 33 31 60	#211F3C

#6B5D8C #5E527E #524871 #463E64 #393356 #2D2949 #211F3C

#6B5D8C - #211F3C

HSV Blend

#6B5D8C - #211F3C | 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 #6B5D8C as 0% and #211F3C as 100%.

0.0%	0.0% #6B5D8C	RGB 107 93 140	#6B5D8C
16.7%	16.7% #5C517E	RGB 92 81 126	#5C517E
33.3%	33.3% #4F4571	RGB 79 69 113	#4F4571
50.0%	50.0% #423B64	RGB 66 59 100	#423B64
66.7%	66.7% #363156	RGB 54 49 86	#363156
83.3%	83.3% #2B2749	RGB 43 39 73	#2B2749
100.0%	100.0% #211F3C	RGB 33 31 60	#211F3C

#6B5D8C #5C517E #4F4571 #423B64 #363156 #2B2749 #211F3C

#6B5D8C - #423B64 - #211F3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5D8C 0%, #423B64 50%, #211F3C 100%);
    background: -webkit-linear-gradient(top, #6B5D8C 0%, #423B64 50%, #211F3C 100%);
    background: linear-gradient(to bottom, #6B5D8C 0%, #423B64 50%, #211F3C 100%);
}
</style>