#4B3E5E - #DA6B8A | 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 #4B3E5E to #DA6B8A

#4B3E5E #DA6B8A

Calculate the color between two colors, #4B3E5E and #DA6B8A. 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)

#4B3E5E - #DA6B8A | 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 #4B3E5E as 0% and #DA6B8A as 100%.

0.0%	0.0% #4B3E5E	RGB 75 62 94	#4B3E5E
16.7%	16.7% #624565	RGB 98 69 101	#624565
33.3%	33.3% #7A4D6C	RGB 122 77 108	#7A4D6C
50.0%	50.0% #925474	RGB 146 84 116	#925474
66.7%	66.7% #AA5C7B	RGB 170 92 123	#AA5C7B
83.3%	83.3% #C26382	RGB 194 99 130	#C26382
100.0%	100.0% #DA6B8A	RGB 218 107 138	#DA6B8A

#4B3E5E #624565 #7A4D6C #925474 #AA5C7B #C26382 #DA6B8A

#4B3E5E - #DA6B8A

HSV Blend

#4B3E5E - #DA6B8A | 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 #4B3E5E as 0% and #DA6B8A as 100%.

0.0%	0.0% #4B3E5E	RGB 75 62 94	#4B3E5E
16.7%	16.7% #624872	RGB 98 72 114	#624872
33.3%	33.3% #7E5187	RGB 126 81 135	#7E5187
50.0%	50.0% #9C5997	RGB 156 89 151	#9C5997
66.7%	66.7% #B0609A	RGB 176 96 154	#B0609A
83.3%	83.3% #C56695	RGB 197 102 149	#C56695
100.0%	100.0% #DA6B8A	RGB 218 107 138	#DA6B8A

#4B3E5E #624872 #7E5187 #9C5997 #B0609A #C56695 #DA6B8A

#4B3E5E - #9C5997 - #DA6B8A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B3E5E 0%, #9C5997 50%, #DA6B8A 100%);
    background: -webkit-linear-gradient(top, #4B3E5E 0%, #9C5997 50%, #DA6B8A 100%);
    background: linear-gradient(to bottom, #4B3E5E 0%, #9C5997 50%, #DA6B8A 100%);
}
</style>