#CAC5E1 - #8266A3 | 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 #CAC5E1 to #8266A3

#CAC5E1 #8266A3

Calculate the color between two colors, #CAC5E1 and #8266A3. 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)

#CAC5E1 - #8266A3 | 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 #CAC5E1 as 0% and #8266A3 as 100%.

0.0%	0.0% #CAC5E1	RGB 202 197 225	#CAC5E1
16.7%	16.7% #BEB5D6	RGB 190 181 214	#BEB5D6
33.3%	33.3% #B2A5CC	RGB 178 165 204	#B2A5CC
50.0%	50.0% #A695C2	RGB 166 149 194	#A695C2
66.7%	66.7% #9A85B7	RGB 154 133 183	#9A85B7
83.3%	83.3% #8E75AD	RGB 142 117 173	#8E75AD
100.0%	100.0% #8266A3	RGB 130 102 163	#8266A3

#CAC5E1 #BEB5D6 #B2A5CC #A695C2 #9A85B7 #8E75AD #8266A3

#CAC5E1 - #8266A3

HSV Blend

#CAC5E1 - #8266A3 | 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 #CAC5E1 as 0% and #8266A3 as 100%.

0.0%	0.0% #CAC5E1	RGB 202 197 225	#CAC5E1
16.7%	16.7% #BBB3D6	RGB 187 179 214	#BBB3D6
33.3%	33.3% #ADA1CC	RGB 173 161 204	#ADA1CC
50.0%	50.0% #A191C2	RGB 161 145 194	#A191C2
66.7%	66.7% #9582B7	RGB 149 130 183	#9582B7
83.3%	83.3% #8B73AD	RGB 139 115 173	#8B73AD
100.0%	100.0% #8266A3	RGB 130 102 163	#8266A3

#CAC5E1 #BBB3D6 #ADA1CC #A191C2 #9582B7 #8B73AD #8266A3

#CAC5E1 - #A191C2 - #8266A3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAC5E1 0%, #A191C2 50%, #8266A3 100%);
    background: -webkit-linear-gradient(top, #CAC5E1 0%, #A191C2 50%, #8266A3 100%);
    background: linear-gradient(to bottom, #CAC5E1 0%, #A191C2 50%, #8266A3 100%);
}
</style>