#5E3C56 - #CBCE79 | 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 #5E3C56 to #CBCE79

#5E3C56 #CBCE79

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

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

0.0%	0.0% #5E3C56	RGB 94 60 86	#5E3C56
16.7%	16.7% #70545B	RGB 112 84 91	#70545B
33.3%	33.3% #826C61	RGB 130 108 97	#826C61
50.0%	50.0% #948567	RGB 148 133 103	#948567
66.7%	66.7% #A69D6D	RGB 166 157 109	#A69D6D
83.3%	83.3% #B8B573	RGB 184 181 115	#B8B573
100.0%	100.0% #CBCE79	RGB 203 206 121	#CBCE79

#5E3C56 #70545B #826C61 #948567 #A69D6D #B8B573 #CBCE79

#5E3C56 - #CBCE79

HSV Blend

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

0.0%	0.0% #5E3C56	RGB 94 60 86	#5E3C56
16.7%	16.7% #70465A	RGB 112 70 90	#70465A
33.3%	33.3% #835159	RGB 131 81 89	#835159
50.0%	50.0% #96635B	RGB 150 99 91	#96635B
66.7%	66.7% #A88265	RGB 168 130 101	#A88265
83.3%	83.3% #BBA76F	RGB 187 167 111	#BBA76F
100.0%	100.0% #CBCE79	RGB 203 206 121	#CBCE79

#5E3C56 #70465A #835159 #96635B #A88265 #BBA76F #CBCE79

#5E3C56 - #96635B - #CBCE79

CSS codes

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

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