#5E3854 - #CB827D | 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 #5E3854 to #CB827D

#5E3854 #CB827D

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

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

0.0%	0.0% #5E3854	RGB 94 56 84	#5E3854
16.7%	16.7% #70445A	RGB 112 68 90	#70445A
33.3%	33.3% #825061	RGB 130 80 97	#825061
50.0%	50.0% #945D68	RGB 148 93 104	#945D68
66.7%	66.7% #A6696F	RGB 166 105 111	#A6696F
83.3%	83.3% #B87576	RGB 184 117 118	#B87576
100.0%	100.0% #CB827D	RGB 203 130 125	#CB827D

#5E3854 #70445A #825061 #945D68 #A6696F #B87576 #CB827D

#5E3854 - #CB827D

HSV Blend

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

0.0%	0.0% #5E3854	RGB 94 56 84	#5E3854
16.7%	16.7% #70435E	RGB 112 67 94	#70435E
33.3%	33.3% #824E66	RGB 130 78 102	#824E66
50.0%	50.0% #94596D	RGB 148 89 109	#94596D
66.7%	66.7% #A66572	RGB 166 101 114	#A66572
83.3%	83.3% #B87176	RGB 184 113 118	#B87176
100.0%	100.0% #CB827D	RGB 203 130 125	#CB827D

#5E3854 #70435E #824E66 #94596D #A66572 #B87176 #CB827D

#5E3854 - #94596D - #CB827D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3854 0%, #94596D 50%, #CB827D 100%);
    background: -webkit-linear-gradient(top, #5E3854 0%, #94596D 50%, #CB827D 100%);
    background: linear-gradient(to bottom, #5E3854 0%, #94596D 50%, #CB827D 100%);
}
</style>