#6B5A63 - #5E1029 | 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 #6B5A63 to #5E1029

#6B5A63 #5E1029

Calculate the color between two colors, #6B5A63 and #5E1029. 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)

#6B5A63 - #5E1029 | 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 #6B5A63 as 0% and #5E1029 as 100%.

0.0%	0.0% #6B5A63	RGB 107 90 99	#6B5A63
16.7%	16.7% #684D59	RGB 104 77 89	#684D59
33.3%	33.3% #66414F	RGB 102 65 79	#66414F
50.0%	50.0% #643546	RGB 100 53 70	#643546
66.7%	66.7% #62283C	RGB 98 40 60	#62283C
83.3%	83.3% #601C32	RGB 96 28 50	#601C32
100.0%	100.0% #5E1029	RGB 94 16 41	#5E1029

#6B5A63 #684D59 #66414F #643546 #62283C #601C32 #5E1029

#6B5A63 - #5E1029

HSV Blend

#6B5A63 - #5E1029 | 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 #6B5A63 as 0% and #5E1029 as 100%.

0.0%	0.0% #6B5A63	RGB 107 90 99	#6B5A63
16.7%	16.7% #684C5A	RGB 104 76 90	#684C5A
33.3%	33.3% #663F51	RGB 102 63 81	#663F51
50.0%	50.0% #643247	RGB 100 50 71	#643247
66.7%	66.7% #62263D	RGB 98 38 61	#62263D
83.3%	83.3% #601B33	RGB 96 27 51	#601B33
100.0%	100.0% #5E1029	RGB 94 16 41	#5E1029

#6B5A63 #684C5A #663F51 #643247 #62263D #601B33 #5E1029

#6B5A63 - #643247 - #5E1029

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5A63 0%, #643247 50%, #5E1029 100%);
    background: -webkit-linear-gradient(top, #6B5A63 0%, #643247 50%, #5E1029 100%);
    background: linear-gradient(to bottom, #6B5A63 0%, #643247 50%, #5E1029 100%);
}
</style>