#BC9CD2 - #FFDBCD | 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 #BC9CD2 to #FFDBCD

#BC9CD2 #FFDBCD

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

#BC9CD2 - #FFDBCD | 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 #BC9CD2 as 0% and #FFDBCD as 100%.

0.0%	0.0% #BC9CD2	RGB 188 156 210	#BC9CD2
16.7%	16.7% #C7A6D1	RGB 199 166 209	#C7A6D1
33.3%	33.3% #D2B1D0	RGB 210 177 208	#D2B1D0
50.0%	50.0% #DDBBCF	RGB 221 187 207	#DDBBCF
66.7%	66.7% #E8C6CE	RGB 232 198 206	#E8C6CE
83.3%	83.3% #F3D0CD	RGB 243 208 205	#F3D0CD
100.0%	100.0% #FFDBCD	RGB 255 219 205	#FFDBCD

#BC9CD2 #C7A6D1 #D2B1D0 #DDBBCF #E8C6CE #F3D0CD #FFDBCD

#BC9CD2 - #FFDBCD

HSV Blend

#BC9CD2 - #FFDBCD | 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 #BC9CD2 as 0% and #FFDBCD as 100%.

0.0%	0.0% #BC9CD2	RGB 188 156 210	#BC9CD2
16.7%	16.7% #D2A3D9	RGB 210 163 217	#D2A3D9
33.3%	33.3% #E1ABD8	RGB 225 171 216	#E1ABD8
50.0%	50.0% #E8B3D1	RGB 232 179 209	#E8B3D1
66.7%	66.7% #F0BCCA	RGB 240 188 202	#F0BCCA
83.3%	83.3% #F7C4C4	RGB 247 196 196	#F7C4C4
100.0%	100.0% #FFDBCD	RGB 255 219 205	#FFDBCD

#BC9CD2 #D2A3D9 #E1ABD8 #E8B3D1 #F0BCCA #F7C4C4 #FFDBCD

#BC9CD2 - #E8B3D1 - #FFDBCD

CSS codes

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

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