#5E435B - #CB6EA3 | 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 #5E435B to #CB6EA3

#5E435B #CB6EA3

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

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

0.0%	0.0% #5E435B	RGB 94 67 91	#5E435B
16.7%	16.7% #704A67	RGB 112 74 103	#704A67
33.3%	33.3% #825173	RGB 130 81 115	#825173
50.0%	50.0% #94587F	RGB 148 88 127	#94587F
66.7%	66.7% #A65F8B	RGB 166 95 139	#A65F8B
83.3%	83.3% #B86697	RGB 184 102 151	#B86697
100.0%	100.0% #CB6EA3	RGB 203 110 163	#CB6EA3

#5E435B #704A67 #825173 #94587F #A65F8B #B86697 #CB6EA3

#5E435B - #CB6EA3

HSV Blend

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

0.0%	0.0% #5E435A	RGB 94 67 90	#5E435A
16.7%	16.7% #704C6A	RGB 112 76 106	#704C6A
33.3%	33.3% #825578	RGB 130 85 120	#825578
50.0%	50.0% #945D85	RGB 148 93 133	#945D85
66.7%	66.7% #A66391	RGB 166 99 145	#A66391
83.3%	83.3% #B8699A	RGB 184 105 154	#B8699A
100.0%	100.0% #CB6EA3	RGB 203 110 163	#CB6EA3

#5E435A #704C6A #825578 #945D85 #A66391 #B8699A #CB6EA3

#5E435B - #945D85 - #CB6EA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E435A 0%, #945D85 50%, #CB6EA3 100%);
    background: -webkit-linear-gradient(top, #5E435A 0%, #945D85 50%, #CB6EA3 100%);
    background: linear-gradient(to bottom, #5E435A 0%, #945D85 50%, #CB6EA3 100%);
}
</style>