#CAA6EB - #773BAF | 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 #CAA6EB to #773BAF

#CAA6EB #773BAF

Calculate the color between two colors, #CAA6EB and #773BAF. 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)

#CAA6EB - #773BAF | 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 #CAA6EB as 0% and #773BAF as 100%.

0.0%	0.0% #CAA6EB	RGB 202 166 235	#CAA6EB
16.7%	16.7% #BC94E1	RGB 188 148 225	#BC94E1
33.3%	33.3% #AE82D7	RGB 174 130 215	#AE82D7
50.0%	50.0% #A070CD	RGB 160 112 205	#A070CD
66.7%	66.7% #925EC3	RGB 146 94 195	#925EC3
83.3%	83.3% #844CB9	RGB 132 76 185	#844CB9
100.0%	100.0% #773BAF	RGB 119 59 175	#773BAF

#CAA6EB #BC94E1 #AE82D7 #A070CD #925EC3 #844CB9 #773BAF

#CAA6EB - #773BAF

HSV Blend

#CAA6EB - #773BAF | 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 #CAA6EB as 0% and #773BAF as 100%.

0.0%	0.0% #CAA6EB	RGB 202 166 235	#CAA6EB
16.7%	16.7% #BA91E1	RGB 186 145 225	#BA91E1
33.3%	33.3% #AC7DD7	RGB 172 125 215	#AC7DD7
50.0%	50.0% #9D6ACD	RGB 157 106 205	#9D6ACD
66.7%	66.7% #9059C3	RGB 144 89 195	#9059C3
83.3%	83.3% #8349B9	RGB 131 73 185	#8349B9
100.0%	100.0% #773BAF	RGB 119 59 175	#773BAF

#CAA6EB #BA91E1 #AC7DD7 #9D6ACD #9059C3 #8349B9 #773BAF

#CAA6EB - #9D6ACD - #773BAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAA6EB 0%, #9D6ACD 50%, #773BAF 100%);
    background: -webkit-linear-gradient(top, #CAA6EB 0%, #9D6ACD 50%, #773BAF 100%);
    background: linear-gradient(to bottom, #CAA6EB 0%, #9D6ACD 50%, #773BAF 100%);
}
</style>