#473C9C - #CAC7E2 | 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 #473C9C to #CAC7E2

#473C9C #CAC7E2

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

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

0.0%	0.0% #473C9C	RGB 71 60 156	#473C9C
16.7%	16.7% #5C53A7	RGB 92 83 167	#5C53A7
33.3%	33.3% #726AB3	RGB 114 106 179	#726AB3
50.0%	50.0% #8881BF	RGB 136 129 191	#8881BF
66.7%	66.7% #9E98CA	RGB 158 152 202	#9E98CA
83.3%	83.3% #B4AFD6	RGB 180 175 214	#B4AFD6
100.0%	100.0% #CAC7E2	RGB 202 199 226	#CAC7E2

#473C9C #5C53A7 #726AB3 #8881BF #9E98CA #B4AFD6 #CAC7E2

#473C9C - #CAC7E2

HSV Blend

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

0.0%	0.0% #473C9C	RGB 71 60 156	#473C9C
16.7%	16.7% #584EA7	RGB 88 78 167	#584EA7
33.3%	33.3% #6B62B3	RGB 107 98 179	#6B62B3
50.0%	50.0% #8078BF	RGB 128 120 191	#8078BF
66.7%	66.7% #9790CA	RGB 151 144 202	#9790CA
83.3%	83.3% #AFABD6	RGB 175 171 214	#AFABD6
100.0%	100.0% #CAC7E2	RGB 202 199 226	#CAC7E2

#473C9C #584EA7 #6B62B3 #8078BF #9790CA #AFABD6 #CAC7E2

#473C9C - #8078BF - #CAC7E2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #473C9C 0%, #8078BF 50%, #CAC7E2 100%);
    background: -webkit-linear-gradient(top, #473C9C 0%, #8078BF 50%, #CAC7E2 100%);
    background: linear-gradient(to bottom, #473C9C 0%, #8078BF 50%, #CAC7E2 100%);
}
</style>