#CDB0FF - #C4F7EC | 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 #CDB0FF to #C4F7EC

#CDB0FF #C4F7EC

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

#CDB0FF - #C4F7EC | 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 #CDB0FF as 0% and #C4F7EC as 100%.

0.0%	0.0% #CDB0FF	RGB 205 176 255	#CDB0FF
16.7%	16.7% #CBBBFB	RGB 203 187 251	#CBBBFB
33.3%	33.3% #CAC7F8	RGB 202 199 248	#CAC7F8
50.0%	50.0% #C8D3F5	RGB 200 211 245	#C8D3F5
66.7%	66.7% #C7DFF2	RGB 199 223 242	#C7DFF2
83.3%	83.3% #C5EBEF	RGB 197 235 239	#C5EBEF
100.0%	100.0% #C4F7EC	RGB 196 247 236	#C4F7EC

#CDB0FF #CBBBFB #CAC7F8 #C8D3F5 #C7DFF2 #C5EBEF #C4F7EC

#CDB0FF - #C4F7EC

HSV Blend

#CDB0FF - #C4F7EC | 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 #CDB0FF as 0% and #C4F7EC as 100%.

0.0%	0.0% #CDB0FF	RGB 205 176 255	#CDB0FF
16.7%	16.7% #BBB3FD	RGB 187 179 253	#BBB3FD
33.3%	33.3% #B6C2FC	RGB 182 194 252	#B6C2FC
50.0%	50.0% #BAD5FB	RGB 186 213 251	#BAD5FB
66.7%	66.7% #BDE6F9	RGB 189 230 249	#BDE6F9
83.3%	83.3% #C0F5F8	RGB 192 245 248	#C0F5F8
100.0%	100.0% #C4F7EC	RGB 196 247 236	#C4F7EC

#CDB0FF #BBB3FD #B6C2FC #BAD5FB #BDE6F9 #C0F5F8 #C4F7EC

#CDB0FF - #BAD5FB - #C4F7EC

CSS codes

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

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