#6B5E79 - #38145E | 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 #6B5E79 to #38145E

#6B5E79 #38145E

Calculate the color between two colors, #6B5E79 and #38145E. 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)

#6B5E79 - #38145E | 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 #6B5E79 as 0% and #38145E as 100%.

0.0%	0.0% #6B5E79	RGB 107 94 121	#6B5E79
16.7%	16.7% #625174	RGB 98 81 116	#625174
33.3%	33.3% #5A4570	RGB 90 69 112	#5A4570
50.0%	50.0% #51396B	RGB 81 57 107	#51396B
66.7%	66.7% #492C67	RGB 73 44 103	#492C67
83.3%	83.3% #402062	RGB 64 32 98	#402062
100.0%	100.0% #38145E	RGB 56 20 94	#38145E

#6B5E79 #625174 #5A4570 #51396B #492C67 #402062 #38145E

#6B5E79 - #38145E

HSV Blend

#6B5E79 - #38145E | 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 #6B5E79 as 0% and #38145E as 100%.

0.0%	0.0% #6B5E79	RGB 107 94 121	#6B5E79
16.7%	16.7% #614F74	RGB 97 79 116	#614F74
33.3%	33.3% #584170	RGB 88 65 112	#584170
50.0%	50.0% #4F356B	RGB 79 53 107	#4F356B
66.7%	66.7% #472967	RGB 71 41 103	#472967
83.3%	83.3% #3F1E62	RGB 63 30 98	#3F1E62
100.0%	100.0% #38145E	RGB 56 20 94	#38145E

#6B5E79 #614F74 #584170 #4F356B #472967 #3F1E62 #38145E

#6B5E79 - #4F356B - #38145E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E79 0%, #4F356B 50%, #38145E 100%);
    background: -webkit-linear-gradient(top, #6B5E79 0%, #4F356B 50%, #38145E 100%);
    background: linear-gradient(to bottom, #6B5E79 0%, #4F356B 50%, #38145E 100%);
}
</style>