#473E5C - #C9C7D0 | 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 #473E5C to #C9C7D0

#473E5C #C9C7D0

Calculate the color between two colors, #473E5C and #C9C7D0. 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)

#473E5C - #C9C7D0 | 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 #473E5C as 0% and #C9C7D0 as 100%.

0.0%	0.0% #473E5C	RGB 71 62 92	#473E5C
16.7%	16.7% #5C546F	RGB 92 84 111	#5C546F
33.3%	33.3% #726B82	RGB 114 107 130	#726B82
50.0%	50.0% #888296	RGB 136 130 150	#888296
66.7%	66.7% #9D99A9	RGB 157 153 169	#9D99A9
83.3%	83.3% #B3B0BC	RGB 179 176 188	#B3B0BC
100.0%	100.0% #C9C7D0	RGB 201 199 208	#C9C7D0

#473E5C #5C546F #726B82 #888296 #9D99A9 #B3B0BC #C9C7D0

#473E5C - #C9C7D0

HSV Blend

#473E5C - #C9C7D0 | 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 #473E5C as 0% and #C9C7D0 as 100%.

0.0%	0.0% #463E5C	RGB 70 62 92	#463E5C
16.7%	16.7% #59506F	RGB 89 80 111	#59506F
33.3%	33.3% #6C6482	RGB 108 100 130	#6C6482
50.0%	50.0% #817A96	RGB 129 122 150	#817A96
66.7%	66.7% #9792A9	RGB 151 146 169	#9792A9
83.3%	83.3% #AFABBC	RGB 175 171 188	#AFABBC
100.0%	100.0% #C9C7D0	RGB 201 199 208	#C9C7D0

#463E5C #59506F #6C6482 #817A96 #9792A9 #AFABBC #C9C7D0

#473E5C - #817A96 - #C9C7D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #463E5C 0%, #817A96 50%, #C9C7D0 100%);
    background: -webkit-linear-gradient(top, #463E5C 0%, #817A96 50%, #C9C7D0 100%);
    background: linear-gradient(to bottom, #463E5C 0%, #817A96 50%, #C9C7D0 100%);
}
</style>