#4F3D5E - #CE84AB | 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 #4F3D5E to #CE84AB

#4F3D5E #CE84AB

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

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

0.0%	0.0% #4F3D5E	RGB 79 61 94	#4F3D5E
16.7%	16.7% #64486A	RGB 100 72 106	#64486A
33.3%	33.3% #795477	RGB 121 84 119	#795477
50.0%	50.0% #8E6084	RGB 142 96 132	#8E6084
66.7%	66.7% #A36C91	RGB 163 108 145	#A36C91
83.3%	83.3% #B8789E	RGB 184 120 158	#B8789E
100.0%	100.0% #CE84AB	RGB 206 132 171	#CE84AB

#4F3D5E #64486A #795477 #8E6084 #A36C91 #B8789E #CE84AB

#4F3D5E - #CE84AB

HSV Blend

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

0.0%	0.0% #4F3D5E	RGB 79 61 94	#4F3D5E
16.7%	16.7% #644870	RGB 100 72 112	#644870
33.3%	33.3% #7C5483	RGB 124 84 131	#7C5483
50.0%	50.0% #966095	RGB 150 96 149	#966095
66.7%	66.7% #A86C9E	RGB 168 108 158	#A86C9E
83.3%	83.3% #BB78A5	RGB 187 120 165	#BB78A5
100.0%	100.0% #CE84AB	RGB 206 132 171	#CE84AB

#4F3D5E #644870 #7C5483 #966095 #A86C9E #BB78A5 #CE84AB

#4F3D5E - #966095 - #CE84AB

CSS codes

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

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