#BC3EB6 - #CCD6E4 | 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 #BC3EB6 to #CCD6E4

#BC3EB6 #CCD6E4

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

#BC3EB6 - #CCD6E4 | 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 #BC3EB6 as 0% and #CCD6E4 as 100%.

0.0%	0.0% #BC3EB6	RGB 188 62 182	#BC3EB6
16.7%	16.7% #BE57BD	RGB 190 87 189	#BE57BD
33.3%	33.3% #C170C5	RGB 193 112 197	#C170C5
50.0%	50.0% #C48ACD	RGB 196 138 205	#C48ACD
66.7%	66.7% #C6A3D4	RGB 198 163 212	#C6A3D4
83.3%	83.3% #C9BCDC	RGB 201 188 220	#C9BCDC
100.0%	100.0% #CCD6E4	RGB 204 214 228	#CCD6E4

#BC3EB6 #BE57BD #C170C5 #C48ACD #C6A3D4 #C9BCDC #CCD6E4

#BC3EB6 - #CCD6E4

HSV Blend

#BC3EB6 - #CCD6E4 | 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 #BC3EB6 as 0% and #CCD6E4 as 100%.

0.0%	0.0% #BC3EB6	RGB 188 62 182	#BC3EB6
16.7%	16.7% #AC52C2	RGB 172 82 194	#AC52C2
33.3%	33.3% #9E68C9	RGB 158 104 201	#9E68C9
50.0%	50.0% #987FD0	RGB 152 127 208	#987FD0
66.7%	66.7% #9C97D6	RGB 156 151 214	#9C97D6
83.3%	83.3% #B1B8DD	RGB 177 184 221	#B1B8DD
100.0%	100.0% #CCD6E4	RGB 204 214 228	#CCD6E4

#BC3EB6 #AC52C2 #9E68C9 #987FD0 #9C97D6 #B1B8DD #CCD6E4

#BC3EB6 - #987FD0 - #CCD6E4

CSS codes

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

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