#4C3D5E - #DB6A8A | 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 #4C3D5E to #DB6A8A

#4C3D5E #DB6A8A

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

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

0.0%	0.0% #4C3D5E	RGB 76 61 94	#4C3D5E
16.7%	16.7% #634465	RGB 99 68 101	#634465
33.3%	33.3% #7B4C6C	RGB 123 76 108	#7B4C6C
50.0%	50.0% #935374	RGB 147 83 116	#935374
66.7%	66.7% #AB5B7B	RGB 171 91 123	#AB5B7B
83.3%	83.3% #C36282	RGB 195 98 130	#C36282
100.0%	100.0% #DB6A8A	RGB 219 106 138	#DB6A8A

#4C3D5E #634465 #7B4C6C #935374 #AB5B7B #C36282 #DB6A8A

#4C3D5E - #DB6A8A

HSV Blend

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

0.0%	0.0% #4C3D5E	RGB 76 61 94	#4C3D5E
16.7%	16.7% #644772	RGB 100 71 114	#644772
33.3%	33.3% #805087	RGB 128 80 135	#805087
50.0%	50.0% #9C5896	RGB 156 88 150	#9C5896
66.7%	66.7% #B15F99	RGB 177 95 153	#B15F99
83.3%	83.3% #C66595	RGB 198 101 149	#C66595
100.0%	100.0% #DB6A8A	RGB 219 106 138	#DB6A8A

#4C3D5E #644772 #805087 #9C5896 #B15F99 #C66595 #DB6A8A

#4C3D5E - #9C5896 - #DB6A8A

CSS codes

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

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