#62576A - #540D5E | 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 #62576A to #540D5E

#62576A #540D5E

Calculate the color between two colors, #62576A and #540D5E. 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)

#62576A - #540D5E | 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 #62576A as 0% and #540D5E as 100%.

0.0%	0.0% #62576A	RGB 98 87 106	#62576A
16.7%	16.7% #5F4A68	RGB 95 74 104	#5F4A68
33.3%	33.3% #5D3E66	RGB 93 62 102	#5D3E66
50.0%	50.0% #5B3264	RGB 91 50 100	#5B3264
66.7%	66.7% #582562	RGB 88 37 98	#582562
83.3%	83.3% #561960	RGB 86 25 96	#561960
100.0%	100.0% #540D5E	RGB 84 13 94	#540D5E

#62576A #5F4A68 #5D3E66 #5B3264 #582562 #561960 #540D5E

#62576A - #540D5E

HSV Blend

#62576A - #540D5E | 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 #62576A as 0% and #540D5E as 100%.

0.0%	0.0% #62576A	RGB 98 87 106	#62576A
16.7%	16.7% #5C4968	RGB 92 73 104	#5C4968
33.3%	33.3% #583C66	RGB 88 60 102	#583C66
50.0%	50.0% #552F64	RGB 85 47 100	#552F64
66.7%	66.7% #542362	RGB 84 35 98	#542362
83.3%	83.3% #531860	RGB 83 24 96	#531860
100.0%	100.0% #540D5E	RGB 84 13 94	#540D5E

#62576A #5C4968 #583C66 #552F64 #542362 #531860 #540D5E

#62576A - #552F64 - #540D5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #62576A 0%, #552F64 50%, #540D5E 100%);
    background: -webkit-linear-gradient(top, #62576A 0%, #552F64 50%, #540D5E 100%);
    background: linear-gradient(to bottom, #62576A 0%, #552F64 50%, #540D5E 100%);
}
</style>