#6C5E7D - #1D1A23 | 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 #6C5E7D to #1D1A23

#6C5E7D #1D1A23

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

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

0.0%	0.0% #6C5E7D	RGB 108 94 125	#6C5E7D
16.7%	16.7% #5E526E	RGB 94 82 110	#5E526E
33.3%	33.3% #51475F	RGB 81 71 95	#51475F
50.0%	50.0% #443C50	RGB 68 60 80	#443C50
66.7%	66.7% #373041	RGB 55 48 65	#373041
83.3%	83.3% #2A2532	RGB 42 37 50	#2A2532
100.0%	100.0% #1D1A23	RGB 29 26 35	#1D1A23

#6C5E7D #5E526E #51475F #443C50 #373041 #2A2532 #1D1A23

#6C5E7D - #1D1A23

HSV Blend

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

0.0%	0.0% #6C5E7D	RGB 108 94 125	#6C5E7D
16.7%	16.7% #5E526E	RGB 94 82 110	#5E526E
33.3%	33.3% #50475F	RGB 80 71 95	#50475F
50.0%	50.0% #433B50	RGB 67 59 80	#433B50
66.7%	66.7% #363041	RGB 54 48 65	#363041
83.3%	83.3% #292532	RGB 41 37 50	#292532
100.0%	100.0% #1D1A23	RGB 29 26 35	#1D1A23

#6C5E7D #5E526E #50475F #433B50 #363041 #292532 #1D1A23

#6C5E7D - #433B50 - #1D1A23

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C5E7D 0%, #433B50 50%, #1D1A23 100%);
    background: -webkit-linear-gradient(top, #6C5E7D 0%, #433B50 50%, #1D1A23 100%);
    background: linear-gradient(to bottom, #6C5E7D 0%, #433B50 50%, #1D1A23 100%);
}
</style>