#7E5E6C - #241A1E | 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 #7E5E6C to #241A1E

#7E5E6C #241A1E

Calculate the color between two colors, #7E5E6C and #241A1E. 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)

#7E5E6C - #241A1E | 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 #7E5E6C as 0% and #241A1E as 100%.

0.0%	0.0% #7E5E6C	RGB 126 94 108	#7E5E6C
16.7%	16.7% #6F525F	RGB 111 82 95	#6F525F
33.3%	33.3% #604752	RGB 96 71 82	#604752
50.0%	50.0% #513C45	RGB 81 60 69	#513C45
66.7%	66.7% #423038	RGB 66 48 56	#423038
83.3%	83.3% #33252B	RGB 51 37 43	#33252B
100.0%	100.0% #241A1E	RGB 36 26 30	#241A1E

#7E5E6C #6F525F #604752 #513C45 #423038 #33252B #241A1E

#7E5E6C - #241A1E

HSV Blend

#7E5E6C - #241A1E | 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 #7E5E6C as 0% and #241A1E as 100%.

0.0%	0.0% #7E5E6C	RGB 126 94 108	#7E5E6C
16.7%	16.7% #6F525E	RGB 111 82 94	#6F525E
33.3%	33.3% #604651	RGB 96 70 81	#604651
50.0%	50.0% #513B44	RGB 81 59 68	#513B44
66.7%	66.7% #423037	RGB 66 48 55	#423037
83.3%	83.3% #33252A	RGB 51 37 42	#33252A
100.0%	100.0% #241A1E	RGB 36 26 30	#241A1E

#7E5E6C #6F525E #604651 #513B44 #423037 #33252A #241A1E

#7E5E6C - #513B44 - #241A1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5E6C 0%, #513B44 50%, #241A1E 100%);
    background: -webkit-linear-gradient(top, #7E5E6C 0%, #513B44 50%, #241A1E 100%);
    background: linear-gradient(to bottom, #7E5E6C 0%, #513B44 50%, #241A1E 100%);
}
</style>