#493F5E - #CAC8D1 | 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 #493F5E to #CAC8D1

#493F5E #CAC8D1

Calculate the color between two colors, #493F5E and #CAC8D1. 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)

#493F5E - #CAC8D1 | 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 #493F5E as 0% and #CAC8D1 as 100%.

0.0%	0.0% #493F5E	RGB 73 63 94	#493F5E
16.7%	16.7% #5E5571	RGB 94 85 113	#5E5571
33.3%	33.3% #746C84	RGB 116 108 132	#746C84
50.0%	50.0% #898397	RGB 137 131 151	#898397
66.7%	66.7% #9F9AAA	RGB 159 154 170	#9F9AAA
83.3%	83.3% #B4B1BD	RGB 180 177 189	#B4B1BD
100.0%	100.0% #CAC8D1	RGB 202 200 209	#CAC8D1

#493F5E #5E5571 #746C84 #898397 #9F9AAA #B4B1BD #CAC8D1

#493F5E - #CAC8D1

HSV Blend

#493F5E - #CAC8D1 | 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 #493F5E as 0% and #CAC8D1 as 100%.

0.0%	0.0% #493F5E	RGB 73 63 94	#493F5E
16.7%	16.7% #5B5171	RGB 91 81 113	#5B5171
33.3%	33.3% #6E6584	RGB 110 101 132	#6E6584
50.0%	50.0% #827B97	RGB 130 123 151	#827B97
66.7%	66.7% #9993AA	RGB 153 147 170	#9993AA
83.3%	83.3% #B0ACBD	RGB 176 172 189	#B0ACBD
100.0%	100.0% #CAC8D1	RGB 202 200 209	#CAC8D1

#493F5E #5B5171 #6E6584 #827B97 #9993AA #B0ACBD #CAC8D1

#493F5E - #827B97 - #CAC8D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #493F5E 0%, #827B97 50%, #CAC8D1 100%);
    background: -webkit-linear-gradient(top, #493F5E 0%, #827B97 50%, #CAC8D1 100%);
    background: linear-gradient(to bottom, #493F5E 0%, #827B97 50%, #CAC8D1 100%);
}
</style>