#7E5E66 - #241A1D | 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 #7E5E66 to #241A1D

#7E5E66 #241A1D

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

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

0.0%	0.0% #7E5E66	RGB 126 94 102	#7E5E66
16.7%	16.7% #6F5259	RGB 111 82 89	#6F5259
33.3%	33.3% #60474D	RGB 96 71 77	#60474D
50.0%	50.0% #513C41	RGB 81 60 65	#513C41
66.7%	66.7% #423035	RGB 66 48 53	#423035
83.3%	83.3% #332529	RGB 51 37 41	#332529
100.0%	100.0% #241A1D	RGB 36 26 29	#241A1D

#7E5E66 #6F5259 #60474D #513C41 #423035 #332529 #241A1D

#7E5E66 - #241A1D

HSV Blend

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

0.0%	0.0% #7E5E66	RGB 126 94 102	#7E5E66
16.7%	16.7% #6F5259	RGB 111 82 89	#6F5259
33.3%	33.3% #60464D	RGB 96 70 77	#60464D
50.0%	50.0% #513B41	RGB 81 59 65	#513B41
66.7%	66.7% #423035	RGB 66 48 53	#423035
83.3%	83.3% #332529	RGB 51 37 41	#332529
100.0%	100.0% #241A1D	RGB 36 26 29	#241A1D

#7E5E66 #6F5259 #60464D #513B41 #423035 #332529 #241A1D

#7E5E66 - #513B41 - #241A1D

CSS codes

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

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