#642E4D - #1C0D15 | 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 #642E4D to #1C0D15

#642E4D #1C0D15

Calculate the color between two colors, #642E4D and #1C0D15. 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)

#642E4D - #1C0D15 | 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 #642E4D as 0% and #1C0D15 as 100%.

0.0%	0.0% #642E4D	RGB 100 46 77	#642E4D
16.7%	16.7% #582843	RGB 88 40 67	#582843
33.3%	33.3% #4C233A	RGB 76 35 58	#4C233A
50.0%	50.0% #401D31	RGB 64 29 49	#401D31
66.7%	66.7% #341827	RGB 52 24 39	#341827
83.3%	83.3% #28121E	RGB 40 18 30	#28121E
100.0%	100.0% #1C0D15	RGB 28 13 21	#1C0D15

#642E4D #582843 #4C233A #401D31 #341827 #28121E #1C0D15

#642E4D - #1C0D15

HSV Blend

#642E4D - #1C0D15 | 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 #642E4D as 0% and #1C0D15 as 100%.

0.0%	0.0% #642E4C	RGB 100 46 76	#642E4C
16.7%	16.7% #582843	RGB 88 40 67	#582843
33.3%	33.3% #4C233A	RGB 76 35 58	#4C233A
50.0%	50.0% #401D30	RGB 64 29 48	#401D30
66.7%	66.7% #341827	RGB 52 24 39	#341827
83.3%	83.3% #28121E	RGB 40 18 30	#28121E
100.0%	100.0% #1C0D15	RGB 28 13 21	#1C0D15

#642E4C #582843 #4C233A #401D30 #341827 #28121E #1C0D15

#642E4D - #401D30 - #1C0D15

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #642E4C 0%, #401D30 50%, #1C0D15 100%);
    background: -webkit-linear-gradient(top, #642E4C 0%, #401D30 50%, #1C0D15 100%);
    background: linear-gradient(to bottom, #642E4C 0%, #401D30 50%, #1C0D15 100%);
}
</style>