#C19FDA - #CCC9DB | 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 #C19FDA to #CCC9DB

#C19FDA #CCC9DB

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

#C19FDA - #CCC9DB | 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 #C19FDA as 0% and #CCC9DB as 100%.

0.0%	0.0% #C19FDA	RGB 193 159 218	#C19FDA
16.7%	16.7% #C2A6DA	RGB 194 166 218	#C2A6DA
33.3%	33.3% #C4ADDA	RGB 196 173 218	#C4ADDA
50.0%	50.0% #C6B4DA	RGB 198 180 218	#C6B4DA
66.7%	66.7% #C8BBDA	RGB 200 187 218	#C8BBDA
83.3%	83.3% #CAC2DA	RGB 202 194 218	#CAC2DA
100.0%	100.0% #CCC9DB	RGB 204 201 219	#CCC9DB

#C19FDA #C2A6DA #C4ADDA #C6B4DA #C8BBDA #CAC2DA #CCC9DB

#C19FDA - #CCC9DB

HSV Blend

#C19FDA - #CCC9DB | 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 #C19FDA as 0% and #CCC9DB as 100%.

0.0%	0.0% #C19FDA	RGB 193 159 218	#C19FDA
16.7%	16.7% #C0A5DA	RGB 192 165 218	#C0A5DA
33.3%	33.3% #C0ACDA	RGB 192 172 218	#C0ACDA
50.0%	50.0% #C2B3DA	RGB 194 179 218	#C2B3DA
66.7%	66.7% #C4BADA	RGB 196 186 218	#C4BADA
83.3%	83.3% #C7C1DA	RGB 199 193 218	#C7C1DA
100.0%	100.0% #CCC9DB	RGB 204 201 219	#CCC9DB

#C19FDA #C0A5DA #C0ACDA #C2B3DA #C4BADA #C7C1DA #CCC9DB

#C19FDA - #C2B3DA - #CCC9DB

CSS codes

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

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