#FDCEFD - #B06FC8 | 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 #FDCEFD to #B06FC8

#FDCEFD #B06FC8

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

#FDCEFD - #B06FC8 | 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 #FDCEFD as 0% and #B06FC8 as 100%.

0.0%	0.0% #FDCEFD	RGB 253 206 253	#FDCEFD
16.7%	16.7% #F0BEF4	RGB 240 190 244	#F0BEF4
33.3%	33.3% #E3AEEB	RGB 227 174 235	#E3AEEB
50.0%	50.0% #D69EE2	RGB 214 158 226	#D69EE2
66.7%	66.7% #C98ED9	RGB 201 142 217	#C98ED9
83.3%	83.3% #BC7ED0	RGB 188 126 208	#BC7ED0
100.0%	100.0% #B06FC8	RGB 176 111 200	#B06FC8

#FDCEFD #F0BEF4 #E3AEEB #D69EE2 #C98ED9 #BC7ED0 #B06FC8

#FDCEFD - #B06FC8

HSV Blend

#FDCEFD - #B06FC8 | 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 #FDCEFD as 0% and #B06FC8 as 100%.

0.0%	0.0% #FDCEFD	RGB 253 206 253	#FDCEFD
16.7%	16.7% #F1BCF4	RGB 241 188 244	#F1BCF4
33.3%	33.3% #E5ABEB	RGB 229 171 235	#E5ABEB
50.0%	50.0% #D89BE2	RGB 216 155 226	#D89BE2
66.7%	66.7% #CB8BD9	RGB 203 139 217	#CB8BD9
83.3%	83.3% #BD7CD0	RGB 189 124 208	#BD7CD0
100.0%	100.0% #B06FC8	RGB 176 111 200	#B06FC8

#FDCEFD #F1BCF4 #E5ABEB #D89BE2 #CB8BD9 #BD7CD0 #B06FC8

#FDCEFD - #D89BE2 - #B06FC8

CSS codes

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

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