#6B5E6A - #1B1B29 | 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 #6B5E6A to #1B1B29

#6B5E6A #1B1B29

Calculate the color between two colors, #6B5E6A and #1B1B29. 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)

#6B5E6A - #1B1B29 | 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 #6B5E6A as 0% and #1B1B29 as 100%.

0.0%	0.0% #6B5E6A	RGB 107 94 106	#6B5E6A
16.7%	16.7% #5D525F	RGB 93 82 95	#5D525F
33.3%	33.3% #504754	RGB 80 71 84	#504754
50.0%	50.0% #433C49	RGB 67 60 73	#433C49
66.7%	66.7% #35313E	RGB 53 49 62	#35313E
83.3%	83.3% #282633	RGB 40 38 51	#282633
100.0%	100.0% #1B1B29	RGB 27 27 41	#1B1B29

#6B5E6A #5D525F #504754 #433C49 #35313E #282633 #1B1B29

#6B5E6A - #1B1B29

HSV Blend

#6B5E6A - #1B1B29 | 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 #6B5E6A as 0% and #1B1B29 as 100%.

0.0%	0.0% #6B5E6A	RGB 107 94 106	#6B5E6A
16.7%	16.7% #5E5060	RGB 94 80 96	#5E5060
33.3%	33.3% #504455	RGB 80 68 85	#504455
50.0%	50.0% #42384A	RGB 66 56 74	#42384A
66.7%	66.7% #342E3F	RGB 52 46 63	#342E3F
83.3%	83.3% #262434	RGB 38 36 52	#262434
100.0%	100.0% #1B1B29	RGB 27 27 41	#1B1B29

#6B5E6A #5E5060 #504455 #42384A #342E3F #262434 #1B1B29

#6B5E6A - #42384A - #1B1B29

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E6A 0%, #42384A 50%, #1B1B29 100%);
    background: -webkit-linear-gradient(top, #6B5E6A 0%, #42384A 50%, #1B1B29 100%);
    background: linear-gradient(to bottom, #6B5E6A 0%, #42384A 50%, #1B1B29 100%);
}
</style>