#CAC2E3 - #846ECC | 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 #CAC2E3 to #846ECC

#CAC2E3 #846ECC

Calculate the color between two colors, #CAC2E3 and #846ECC. 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)

#CAC2E3 - #846ECC | 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 #CAC2E3 as 0% and #846ECC as 100%.

0.0%	0.0% #CAC2E3	RGB 202 194 227	#CAC2E3
16.7%	16.7% #BEB4DF	RGB 190 180 223	#BEB4DF
33.3%	33.3% #B2A6DB	RGB 178 166 219	#B2A6DB
50.0%	50.0% #A798D7	RGB 167 152 215	#A798D7
66.7%	66.7% #9B8AD3	RGB 155 138 211	#9B8AD3
83.3%	83.3% #8F7CCF	RGB 143 124 207	#8F7CCF
100.0%	100.0% #846ECC	RGB 132 110 204	#846ECC

#CAC2E3 #BEB4DF #B2A6DB #A798D7 #9B8AD3 #8F7CCF #846ECC

#CAC2E3 - #846ECC

HSV Blend

#CAC2E3 - #846ECC | 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 #CAC2E3 as 0% and #846ECC as 100%.

0.0%	0.0% #CAC2E3	RGB 202 194 227	#CAC2E3
16.7%	16.7% #BDB2DF	RGB 189 178 223	#BDB2DF
33.3%	33.3% #B1A4DB	RGB 177 164 219	#B1A4DB
50.0%	50.0% #A596D7	RGB 165 150 215	#A596D7
66.7%	66.7% #9A88D3	RGB 154 136 211	#9A88D3
83.3%	83.3% #8E7ACF	RGB 142 122 207	#8E7ACF
100.0%	100.0% #846ECC	RGB 132 110 204	#846ECC

#CAC2E3 #BDB2DF #B1A4DB #A596D7 #9A88D3 #8E7ACF #846ECC

#CAC2E3 - #A596D7 - #846ECC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAC2E3 0%, #A596D7 50%, #846ECC 100%);
    background: -webkit-linear-gradient(top, #CAC2E3 0%, #A596D7 50%, #846ECC 100%);
    background: linear-gradient(to bottom, #CAC2E3 0%, #A596D7 50%, #846ECC 100%);
}
</style>