#72676F - #5E194F | 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 #72676F to #5E194F

#72676F #5E194F

Calculate the color between two colors, #72676F and #5E194F. 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)

#72676F - #5E194F | 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 #72676F as 0% and #5E194F as 100%.

0.0%	0.0% #72676F	RGB 114 103 111	#72676F
16.7%	16.7% #6E5A69	RGB 110 90 105	#6E5A69
33.3%	33.3% #6B4D64	RGB 107 77 100	#6B4D64
50.0%	50.0% #68405F	RGB 104 64 95	#68405F
66.7%	66.7% #643359	RGB 100 51 89	#643359
83.3%	83.3% #612654	RGB 97 38 84	#612654
100.0%	100.0% #5E194F	RGB 94 25 79	#5E194F

#72676F #6E5A69 #6B4D64 #68405F #643359 #612654 #5E194F

#72676F - #5E194F

HSV Blend

#72676F - #5E194F | 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 #72676F as 0% and #5E194F as 100%.

0.0%	0.0% #72676F	RGB 114 103 111	#72676F
16.7%	16.7% #6E5868	RGB 110 88 104	#6E5868
33.3%	33.3% #6B4A62	RGB 107 74 98	#6B4A62
50.0%	50.0% #683C5D	RGB 104 60 93	#683C5D
66.7%	66.7% #643058	RGB 100 48 88	#643058
83.3%	83.3% #612453	RGB 97 36 83	#612453
100.0%	100.0% #5E194F	RGB 94 25 79	#5E194F

#72676F #6E5868 #6B4A62 #683C5D #643058 #612453 #5E194F

#72676F - #683C5D - #5E194F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #72676F 0%, #683C5D 50%, #5E194F 100%);
    background: -webkit-linear-gradient(top, #72676F 0%, #683C5D 50%, #5E194F 100%);
    background: linear-gradient(to bottom, #72676F 0%, #683C5D 50%, #5E194F 100%);
}
</style>