#5E4353 - #CB6E86 | 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 #CB6E86

#5E4353 #CB6E86

Calculate the color between two colors, #5E4353 and #CB6E86. 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 - #CB6E86 | 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 #CB6E86 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% #94586C	RGB 148 88 108	#94586C
66.7%	66.7% #A65F75	RGB 166 95 117	#A65F75
83.3%	83.3% #B8667D	RGB 184 102 125	#B8667D
100.0%	100.0% #CB6E86	RGB 203 110 134	#CB6E86

#5E4353 #704A5B #825164 #94586C #A65F75 #B8667D #CB6E86

#5E4353 - #CB6E86

HSV Blend

#5E4353 - #CB6E86 | 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 #CB6E86 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% #B86982	RGB 184 105 130	#B86982
100.0%	100.0% #CB6E86	RGB 203 110 134	#CB6E86

#5E4353 #704C5F #82556B #945D74 #A6637C #B86982 #CB6E86

#5E4353 - #945D74 - #CB6E86

CSS codes

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

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