#5E4653 - #D1CACE | 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 #5E4653 to #D1CACE

#5E4653 #D1CACE

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

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

0.0%	0.0% #5E4653	RGB 94 70 83	#5E4653
16.7%	16.7% #715C67	RGB 113 92 103	#715C67
33.3%	33.3% #84727C	RGB 132 114 124	#84727C
50.0%	50.0% #978890	RGB 151 136 144	#978890
66.7%	66.7% #AA9EA5	RGB 170 158 165	#AA9EA5
83.3%	83.3% #BDB4B9	RGB 189 180 185	#BDB4B9
100.0%	100.0% #D1CACE	RGB 209 202 206	#D1CACE

#5E4653 #715C67 #84727C #978890 #AA9EA5 #BDB4B9 #D1CACE

#5E4653 - #D1CACE

HSV Blend

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

0.0%	0.0% #5E4653	RGB 94 70 83	#5E4653
16.7%	16.7% #715865	RGB 113 88 101	#715865
33.3%	33.3% #846C79	RGB 132 108 121	#846C79
50.0%	50.0% #97818D	RGB 151 129 141	#97818D
66.7%	66.7% #AA98A2	RGB 170 152 162	#AA98A2
83.3%	83.3% #BDB0B8	RGB 189 176 184	#BDB0B8
100.0%	100.0% #D1CACE	RGB 209 202 206	#D1CACE

#5E4653 #715865 #846C79 #97818D #AA98A2 #BDB0B8 #D1CACE

#5E4653 - #97818D - #D1CACE

CSS codes

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

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