#C0ADCC - #D1BEFF | 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 #C0ADCC to #D1BEFF

#C0ADCC #D1BEFF

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

#C0ADCC - #D1BEFF | 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 #C0ADCC as 0% and #D1BEFF as 100%.

0.0%	0.0% #C0ADCC	RGB 192 173 204	#C0ADCC
16.7%	16.7% #C2AFD4	RGB 194 175 212	#C2AFD4
33.3%	33.3% #C5B2DD	RGB 197 178 221	#C5B2DD
50.0%	50.0% #C8B5E5	RGB 200 181 229	#C8B5E5
66.7%	66.7% #CBB8EE	RGB 203 184 238	#CBB8EE
83.3%	83.3% #CEBBF6	RGB 206 187 246	#CEBBF6
100.0%	100.0% #D1BEFF	RGB 209 190 255	#D1BEFF

#C0ADCC #C2AFD4 #C5B2DD #C8B5E5 #CBB8EE #CEBBF6 #D1BEFF

#C0ADCC - #D1BEFF

HSV Blend

#C0ADCC - #D1BEFF | 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 #C0ADCC as 0% and #D1BEFF as 100%.

0.0%	0.0% #C0ADCC	RGB 192 173 204	#C0ADCC
16.7%	16.7% #C4B0D4	RGB 196 176 212	#C4B0D4
33.3%	33.3% #C8B3DD	RGB 200 179 221	#C8B3DD
50.0%	50.0% #CBB6E5	RGB 203 182 229	#CBB6E5
66.7%	66.7% #CEB9EE	RGB 206 185 238	#CEB9EE
83.3%	83.3% #D0BBF6	RGB 208 187 246	#D0BBF6
100.0%	100.0% #D1BEFF	RGB 209 190 255	#D1BEFF

#C0ADCC #C4B0D4 #C8B3DD #CBB6E5 #CEB9EE #D0BBF6 #D1BEFF

#C0ADCC - #CBB6E5 - #D1BEFF

CSS codes

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

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