#5E4353 - #CB6E87 | 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 #5E4353 to #CB6E87

#5E4353 #CB6E87

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

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

0.0%	0.0% #5E4353	RGB 94 67 83	#5E4353
16.7%	16.7% #704A5B	RGB 112 74 91	#704A5B
33.3%	33.3% #825164	RGB 130 81 100	#825164
50.0%	50.0% #94586D	RGB 148 88 109	#94586D
66.7%	66.7% #A65F75	RGB 166 95 117	#A65F75
83.3%	83.3% #B8667E	RGB 184 102 126	#B8667E
100.0%	100.0% #CB6E87	RGB 203 110 135	#CB6E87

#5E4353 #704A5B #825164 #94586D #A65F75 #B8667E #CB6E87

#5E4353 - #CB6E87

HSV Blend

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

0.0%	0.0% #5E4353	RGB 94 67 83	#5E4353
16.7%	16.7% #704C5F	RGB 112 76 95	#704C5F
33.3%	33.3% #82556B	RGB 130 85 107	#82556B
50.0%	50.0% #945D74	RGB 148 93 116	#945D74
66.7%	66.7% #A6637C	RGB 166 99 124	#A6637C
83.3%	83.3% #B86983	RGB 184 105 131	#B86983
100.0%	100.0% #CB6E87	RGB 203 110 135	#CB6E87

#5E4353 #704C5F #82556B #945D74 #A6637C #B86983 #CB6E87

#5E4353 - #945D74 - #CB6E87

CSS codes

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

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