#5E374B - #CA7E6F | 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 #5E374B to #CA7E6F

#5E374B #CA7E6F

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

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

0.0%	0.0% #5E374B	RGB 94 55 75	#5E374B
16.7%	16.7% #704251	RGB 112 66 81	#704251
33.3%	33.3% #824E57	RGB 130 78 87	#824E57
50.0%	50.0% #945A5D	RGB 148 90 93	#945A5D
66.7%	66.7% #A66663	RGB 166 102 99	#A66663
83.3%	83.3% #B87269	RGB 184 114 105	#B87269
100.0%	100.0% #CA7E6F	RGB 202 126 111	#CA7E6F

#5E374B #704251 #824E57 #945A5D #A66663 #B87269 #CA7E6F

#5E374B - #CA7E6F

HSV Blend

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

0.0%	0.0% #5E374B	RGB 94 55 75	#5E374B
16.7%	16.7% #704053	RGB 112 64 83	#704053
33.3%	33.3% #824A5A	RGB 130 74 90	#824A5A
50.0%	50.0% #94535F	RGB 148 83 95	#94535F
66.7%	66.7% #A65D61	RGB 166 93 97	#A65D61
83.3%	83.3% #B86A66	RGB 184 106 102	#B86A66
100.0%	100.0% #CA7E6F	RGB 202 126 111	#CA7E6F

#5E374B #704053 #824A5A #94535F #A65D61 #B86A66 #CA7E6F

#5E374B - #94535F - #CA7E6F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E374B 0%, #94535F 50%, #CA7E6F 100%);
    background: -webkit-linear-gradient(top, #5E374B 0%, #94535F 50%, #CA7E6F 100%);
    background: linear-gradient(to bottom, #5E374B 0%, #94535F 50%, #CA7E6F 100%);
}
</style>