#5E3D4C - #CA657D | 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 #5E3D4C to #CA657D

#5E3D4C #CA657D

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

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

0.0%	0.0% #5E3D4C	RGB 94 61 76	#5E3D4C
16.7%	16.7% #704354	RGB 112 67 84	#704354
33.3%	33.3% #824A5C	RGB 130 74 92	#824A5C
50.0%	50.0% #945164	RGB 148 81 100	#945164
66.7%	66.7% #A6576C	RGB 166 87 108	#A6576C
83.3%	83.3% #B85E74	RGB 184 94 116	#B85E74
100.0%	100.0% #CA657D	RGB 202 101 125	#CA657D

#5E3D4C #704354 #824A5C #945164 #A6576C #B85E74 #CA657D

#5E3D4C - #CA657D

HSV Blend

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

0.0%	0.0% #5E3D4C	RGB 94 61 76	#5E3D4C
16.7%	16.7% #704557	RGB 112 69 87	#704557
33.3%	33.3% #824D61	RGB 130 77 97	#824D61
50.0%	50.0% #94556A	RGB 148 85 106	#94556A
66.7%	66.7% #A65B72	RGB 166 91 114	#A65B72
83.3%	83.3% #B86078	RGB 184 96 120	#B86078
100.0%	100.0% #CA657D	RGB 202 101 125	#CA657D

#5E3D4C #704557 #824D61 #94556A #A65B72 #B86078 #CA657D

#5E3D4C - #94556A - #CA657D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3D4C 0%, #94556A 50%, #CA657D 100%);
    background: -webkit-linear-gradient(top, #5E3D4C 0%, #94556A 50%, #CA657D 100%);
    background: linear-gradient(to bottom, #5E3D4C 0%, #94556A 50%, #CA657D 100%);
}
</style>