#5E364D - #CA5A8F | 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 #5E364D to #CA5A8F

#5E364D #CA5A8F

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

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

0.0%	0.0% #5E364D	RGB 94 54 77	#5E364D
16.7%	16.7% #703C58	RGB 112 60 88	#703C58
33.3%	33.3% #824263	RGB 130 66 99	#824263
50.0%	50.0% #94486E	RGB 148 72 110	#94486E
66.7%	66.7% #A64E79	RGB 166 78 121	#A64E79
83.3%	83.3% #B85484	RGB 184 84 132	#B85484
100.0%	100.0% #CA5A8F	RGB 202 90 143	#CA5A8F

#5E364D #703C58 #824263 #94486E #A64E79 #B85484 #CA5A8F

#5E364D - #CA5A8F

HSV Blend

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

0.0%	0.0% #5E364D	RGB 94 54 77	#5E364D
16.7%	16.7% #703D59	RGB 112 61 89	#703D59
33.3%	33.3% #824566	RGB 130 69 102	#824566
50.0%	50.0% #944B71	RGB 148 75 113	#944B71
66.7%	66.7% #A6517C	RGB 166 81 124	#A6517C
83.3%	83.3% #B85586	RGB 184 85 134	#B85586
100.0%	100.0% #CA5A8F	RGB 202 90 143	#CA5A8F

#5E364D #703D59 #824566 #944B71 #A6517C #B85586 #CA5A8F

#5E364D - #944B71 - #CA5A8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E364D 0%, #944B71 50%, #CA5A8F 100%);
    background: -webkit-linear-gradient(top, #5E364D 0%, #944B71 50%, #CA5A8F 100%);
    background: linear-gradient(to bottom, #5E364D 0%, #944B71 50%, #CA5A8F 100%);
}
</style>