#CAA4D1 - #73458B | 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 #CAA4D1 to #73458B

#CAA4D1 #73458B

Calculate the color between two colors, #CAA4D1 and #73458B. 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)

#CAA4D1 - #73458B | 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 #CAA4D1 as 0% and #73458B as 100%.

0.0%	0.0% #CAA4D1	RGB 202 164 209	#CAA4D1
16.7%	16.7% #BB94C5	RGB 187 148 197	#BB94C5
33.3%	33.3% #AD84B9	RGB 173 132 185	#AD84B9
50.0%	50.0% #9E74AE	RGB 158 116 174	#9E74AE
66.7%	66.7% #9064A2	RGB 144 100 162	#9064A2
83.3%	83.3% #815496	RGB 129 84 150	#815496
100.0%	100.0% #73458B	RGB 115 69 139	#73458B

#CAA4D1 #BB94C5 #AD84B9 #9E74AE #9064A2 #815496 #73458B

#CAA4D1 - #73458B

HSV Blend

#CAA4D1 - #73458B | 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 #CAA4D1 as 0% and #73458B as 100%.

0.0%	0.0% #CAA4D1	RGB 202 164 209	#CAA4D1
16.7%	16.7% #BB91C5	RGB 187 145 197	#BB91C5
33.3%	33.3% #AD7FB9	RGB 173 127 185	#AD7FB9
50.0%	50.0% #9E6FAE	RGB 158 111 174	#9E6FAE
66.7%	66.7% #8F60A2	RGB 143 96 162	#8F60A2
83.3%	83.3% #815296	RGB 129 82 150	#815296
100.0%	100.0% #73458B	RGB 115 69 139	#73458B

#CAA4D1 #BB91C5 #AD7FB9 #9E6FAE #8F60A2 #815296 #73458B

#CAA4D1 - #9E6FAE - #73458B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAA4D1 0%, #9E6FAE 50%, #73458B 100%);
    background: -webkit-linear-gradient(top, #CAA4D1 0%, #9E6FAE 50%, #73458B 100%);
    background: linear-gradient(to bottom, #CAA4D1 0%, #9E6FAE 50%, #73458B 100%);
}
</style>