#EFC3E3 - #BC63AB | 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 #EFC3E3 to #BC63AB

#EFC3E3 #BC63AB

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

#EFC3E3 - #BC63AB | 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 #EFC3E3 as 0% and #BC63AB as 100%.

0.0%	0.0% #EFC3E3	RGB 239 195 227	#EFC3E3
16.7%	16.7% #E6B3D9	RGB 230 179 217	#E6B3D9
33.3%	33.3% #DEA3D0	RGB 222 163 208	#DEA3D0
50.0%	50.0% #D593C7	RGB 213 147 199	#D593C7
66.7%	66.7% #CD83BD	RGB 205 131 189	#CD83BD
83.3%	83.3% #C473B4	RGB 196 115 180	#C473B4
100.0%	100.0% #BC63AB	RGB 188 99 171	#BC63AB

#EFC3E3 #E6B3D9 #DEA3D0 #D593C7 #CD83BD #C473B4 #BC63AB

#EFC3E3 - #BC63AB

HSV Blend

#EFC3E3 - #BC63AB | 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 #EFC3E3 as 0% and #BC63AB as 100%.

0.0%	0.0% #EFC3E3	RGB 239 195 227	#EFC3E3
16.7%	16.7% #E6B0D8	RGB 230 176 216	#E6B0D8
33.3%	33.3% #DE9FCE	RGB 222 159 206	#DE9FCE
50.0%	50.0% #D58FC5	RGB 213 143 197	#D58FC5
66.7%	66.7% #CD7FBC	RGB 205 127 188	#CD7FBC
83.3%	83.3% #C470B3	RGB 196 112 179	#C470B3
100.0%	100.0% #BC63AB	RGB 188 99 171	#BC63AB

#EFC3E3 #E6B0D8 #DE9FCE #D58FC5 #CD7FBC #C470B3 #BC63AB

#EFC3E3 - #D58FC5 - #BC63AB

CSS codes

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

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