#BDA1F8 - #CDCBEC | 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 #BDA1F8 to #CDCBEC

#BDA1F8 #CDCBEC

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

#BDA1F8 - #CDCBEC | 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 #BDA1F8 as 0% and #CDCBEC as 100%.

0.0%	0.0% #BDA1F8	RGB 189 161 248	#BDA1F8
16.7%	16.7% #BFA8F6	RGB 191 168 246	#BFA8F6
33.3%	33.3% #C2AFF4	RGB 194 175 244	#C2AFF4
50.0%	50.0% #C5B6F2	RGB 197 182 242	#C5B6F2
66.7%	66.7% #C7BDF0	RGB 199 189 240	#C7BDF0
83.3%	83.3% #CAC4EE	RGB 202 196 238	#CAC4EE
100.0%	100.0% #CDCBEC	RGB 205 203 236	#CDCBEC

#BDA1F8 #BFA8F6 #C2AFF4 #C5B6F2 #C7BDF0 #CAC4EE #CDCBEC

#BDA1F8 - #CDCBEC

HSV Blend

#BDA1F8 - #CDCBEC | 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 #BDA1F8 as 0% and #CDCBEC as 100%.

0.0%	0.0% #BDA1F8	RGB 189 161 248	#BDA1F8
16.7%	16.7% #BDA8F6	RGB 189 168 246	#BDA8F6
33.3%	33.3% #BFAFF4	RGB 191 175 244	#BFAFF4
50.0%	50.0% #C1B6F2	RGB 193 182 242	#C1B6F2
66.7%	66.7% #C5BDF0	RGB 197 189 240	#C5BDF0
83.3%	83.3% #C8C4EE	RGB 200 196 238	#C8C4EE
100.0%	100.0% #CDCBEC	RGB 205 203 236	#CDCBEC

#BDA1F8 #BDA8F6 #BFAFF4 #C1B6F2 #C5BDF0 #C8C4EE #CDCBEC

#BDA1F8 - #C1B6F2 - #CDCBEC

CSS codes

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

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