#5E3E58 - #CF8A82 | 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 #5E3E58 to #CF8A82

#5E3E58 #CF8A82

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

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

0.0%	0.0% #5E3E58	RGB 94 62 88	#5E3E58
16.7%	16.7% #704A5F	RGB 112 74 95	#704A5F
33.3%	33.3% #835766	RGB 131 87 102	#835766
50.0%	50.0% #96646D	RGB 150 100 109	#96646D
66.7%	66.7% #A97074	RGB 169 112 116	#A97074
83.3%	83.3% #BC7D7B	RGB 188 125 123	#BC7D7B
100.0%	100.0% #CF8A82	RGB 207 138 130	#CF8A82

#5E3E58 #704A5F #835766 #96646D #A97074 #BC7D7B #CF8A82

#5E3E58 - #CF8A82

HSV Blend

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

0.0%	0.0% #5E3E58	RGB 94 62 88	#5E3E58
16.7%	16.7% #704963	RGB 112 73 99	#704963
33.3%	33.3% #83556C	RGB 131 85 108	#83556C
50.0%	50.0% #966073	RGB 150 96 115	#966073
66.7%	66.7% #A96C78	RGB 169 108 120	#A96C78
83.3%	83.3% #BC777A	RGB 188 119 122	#BC777A
100.0%	100.0% #CF8A82	RGB 207 138 130	#CF8A82

#5E3E58 #704963 #83556C #966073 #A96C78 #BC777A #CF8A82

#5E3E58 - #966073 - #CF8A82

CSS codes

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

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