#472C5E - #CAC2D1 | 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 #472C5E to #CAC2D1

#472C5E #CAC2D1

Calculate the color between two colors, #472C5E and #CAC2D1. 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)

#472C5E - #CAC2D1 | 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 #472C5E as 0% and #CAC2D1 as 100%.

0.0%	0.0% #472C5E	RGB 71 44 94	#472C5E
16.7%	16.7% #5C4571	RGB 92 69 113	#5C4571
33.3%	33.3% #725E84	RGB 114 94 132	#725E84
50.0%	50.0% #887797	RGB 136 119 151	#887797
66.7%	66.7% #9E90AA	RGB 158 144 170	#9E90AA
83.3%	83.3% #B4A9BD	RGB 180 169 189	#B4A9BD
100.0%	100.0% #CAC2D1	RGB 202 194 209	#CAC2D1

#472C5E #5C4571 #725E84 #887797 #9E90AA #B4A9BD #CAC2D1

#472C5E - #CAC2D1

HSV Blend

#472C5E - #CAC2D1 | 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 #472C5E as 0% and #CAC2D1 as 100%.

0.0%	0.0% #472C5E	RGB 71 44 94	#472C5E
16.7%	16.7% #593D71	RGB 89 61 113	#593D71
33.3%	33.3% #6D5284	RGB 109 82 132	#6D5284
50.0%	50.0% #826997	RGB 130 105 151	#826997
66.7%	66.7% #9884AA	RGB 152 132 170	#9884AA
83.3%	83.3% #B0A1BD	RGB 176 161 189	#B0A1BD
100.0%	100.0% #CAC2D1	RGB 202 194 209	#CAC2D1

#472C5E #593D71 #6D5284 #826997 #9884AA #B0A1BD #CAC2D1

#472C5E - #826997 - #CAC2D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #472C5E 0%, #826997 50%, #CAC2D1 100%);
    background: -webkit-linear-gradient(top, #472C5E 0%, #826997 50%, #CAC2D1 100%);
    background: linear-gradient(to bottom, #472C5E 0%, #826997 50%, #CAC2D1 100%);
}
</style>