#C3A1DA - #CCCADA | 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 #C3A1DA to #CCCADA

#C3A1DA #CCCADA

Calculate the color between two colors, #C3A1DA and #CCCADA. 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)

#C3A1DA - #CCCADA | 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 #C3A1DA as 0% and #CCCADA as 100%.

0.0%	0.0% #C3A1DA	RGB 195 161 218	#C3A1DA
16.7%	16.7% #C4A7DA	RGB 196 167 218	#C4A7DA
33.3%	33.3% #C6AEDA	RGB 198 174 218	#C6AEDA
50.0%	50.0% #C7B5DA	RGB 199 181 218	#C7B5DA
66.7%	66.7% #C9BCDA	RGB 201 188 218	#C9BCDA
83.3%	83.3% #CAC3DA	RGB 202 195 218	#CAC3DA
100.0%	100.0% #CCCADA	RGB 204 202 218	#CCCADA

#C3A1DA #C4A7DA #C6AEDA #C7B5DA #C9BCDA #CAC3DA #CCCADA

#C3A1DA - #CCCADA

HSV Blend

#C3A1DA - #CCCADA | 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 #C3A1DA as 0% and #CCCADA as 100%.

0.0%	0.0% #C3A1DA	RGB 195 161 218	#C3A1DA
16.7%	16.7% #C1A7DA	RGB 193 167 218	#C1A7DA
33.3%	33.3% #C1AEDA	RGB 193 174 218	#C1AEDA
50.0%	50.0% #C2B5DA	RGB 194 181 218	#C2B5DA
66.7%	66.7% #C4BCDA	RGB 196 188 218	#C4BCDA
83.3%	83.3% #C7C3DA	RGB 199 195 218	#C7C3DA
100.0%	100.0% #CCCADA	RGB 204 202 218	#CCCADA

#C3A1DA #C1A7DA #C1AEDA #C2B5DA #C4BCDA #C7C3DA #CCCADA

#C3A1DA - #C2B5DA - #CCCADA

CSS codes

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

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