#5E3D5B - #CD7984 | 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 #5E3D5B to #CD7984

#5E3D5B #CD7984

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

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

0.0%	0.0% #5E3D5B	RGB 94 61 91	#5E3D5B
16.7%	16.7% #704761	RGB 112 71 97	#704761
33.3%	33.3% #835168	RGB 131 81 104	#835168
50.0%	50.0% #955B6F	RGB 149 91 111	#955B6F
66.7%	66.7% #A86576	RGB 168 101 118	#A86576
83.3%	83.3% #BA6F7D	RGB 186 111 125	#BA6F7D
100.0%	100.0% #CD7984	RGB 205 121 132	#CD7984

#5E3D5B #704761 #835168 #955B6F #A86576 #BA6F7D #CD7984

#5E3D5B - #CD7984

HSV Blend

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

0.0%	0.0% #5E3D5A	RGB 94 61 90	#5E3D5A
16.7%	16.7% #704767	RGB 112 71 103	#704767
33.3%	33.3% #835271	RGB 131 82 113	#835271
50.0%	50.0% #955C7A	RGB 149 92 122	#955C7A
66.7%	66.7% #A86680	RGB 168 102 128	#A86680
83.3%	83.3% #BA6F83	RGB 186 111 131	#BA6F83
100.0%	100.0% #CD7984	RGB 205 121 132	#CD7984

#5E3D5A #704767 #835271 #955C7A #A86680 #BA6F83 #CD7984

#5E3D5B - #955C7A - #CD7984

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3D5A 0%, #955C7A 50%, #CD7984 100%);
    background: -webkit-linear-gradient(top, #5E3D5A 0%, #955C7A 50%, #CD7984 100%);
    background: linear-gradient(to bottom, #5E3D5A 0%, #955C7A 50%, #CD7984 100%);
}
</style>