#5E3E5A - #420645 | 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 #5E3E5A to #420645

#5E3E5A #420645

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

#5E3E5A - #420645 | 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 #5E3E5A as 0% and #420645 as 100%.

0.0%	0.0% #5E3E5A	RGB 94 62 90	#5E3E5A
16.7%	16.7% #593456	RGB 89 52 86	#593456
33.3%	33.3% #542B53	RGB 84 43 83	#542B53
50.0%	50.0% #50224F	RGB 80 34 79	#50224F
66.7%	66.7% #4B184C	RGB 75 24 76	#4B184C
83.3%	83.3% #460F48	RGB 70 15 72	#460F48
100.0%	100.0% #420645	RGB 66 6 69	#420645

#5E3E5A #593456 #542B53 #50224F #4B184C #460F48 #420645

#5E3E5A - #420645

HSV Blend

#5E3E5A - #420645 | 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 #5E3E5A as 0% and #420645 as 100%.

0.0%	0.0% #5E3E5A	RGB 94 62 90	#5E3E5A
16.7%	16.7% #593256	RGB 89 50 86	#593256
33.3%	33.3% #552852	RGB 85 40 82	#552852
50.0%	50.0% #511E4F	RGB 81 30 79	#511E4F
66.7%	66.7% #4D154C	RGB 77 21 76	#4D154C
83.3%	83.3% #480D49	RGB 72 13 73	#480D49
100.0%	100.0% #420645	RGB 66 6 69	#420645

#5E3E5A #593256 #552852 #511E4F #4D154C #480D49 #420645

#5E3E5A - #511E4F - #420645

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E5A 0%, #511E4F 50%, #420645 100%);
    background: -webkit-linear-gradient(top, #5E3E5A 0%, #511E4F 50%, #420645 100%);
    background: linear-gradient(to bottom, #5E3E5A 0%, #511E4F 50%, #420645 100%);
}
</style>