#6B3150 - #1E0E16 | 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 #6B3150 to #1E0E16

#6B3150 #1E0E16

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

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

0.0%	0.0% #6B3150	RGB 107 49 80	#6B3150
16.7%	16.7% #5E2B46	RGB 94 43 70	#5E2B46
33.3%	33.3% #51253C	RGB 81 37 60	#51253C
50.0%	50.0% #441F33	RGB 68 31 51	#441F33
66.7%	66.7% #371929	RGB 55 25 41	#371929
83.3%	83.3% #2A131F	RGB 42 19 31	#2A131F
100.0%	100.0% #1E0E16	RGB 30 14 22	#1E0E16

#6B3150 #5E2B46 #51253C #441F33 #371929 #2A131F #1E0E16

#6B3150 - #1E0E16

HSV Blend

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

0.0%	0.0% #6B3150	RGB 107 49 80	#6B3150
16.7%	16.7% #5E2B46	RGB 94 43 70	#5E2B46
33.3%	33.3% #51253C	RGB 81 37 60	#51253C
50.0%	50.0% #441F32	RGB 68 31 50	#441F32
66.7%	66.7% #371929	RGB 55 25 41	#371929
83.3%	83.3% #2A131F	RGB 42 19 31	#2A131F
100.0%	100.0% #1E0E16	RGB 30 14 22	#1E0E16

#6B3150 #5E2B46 #51253C #441F32 #371929 #2A131F #1E0E16

#6B3150 - #441F32 - #1E0E16

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B3150 0%, #441F32 50%, #1E0E16 100%);
    background: -webkit-linear-gradient(top, #6B3150 0%, #441F32 50%, #1E0E16 100%);
    background: linear-gradient(to bottom, #6B3150 0%, #441F32 50%, #1E0E16 100%);
}
</style>