#FDCEFF - #B06ECB | 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 #FDCEFF to #B06ECB

#FDCEFF #B06ECB

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

#FDCEFF - #B06ECB | 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 #FDCEFF as 0% and #B06ECB as 100%.

0.0%	0.0% #FDCEFF	RGB 253 206 255	#FDCEFF
16.7%	16.7% #F0BEF6	RGB 240 190 246	#F0BEF6
33.3%	33.3% #E3AEED	RGB 227 174 237	#E3AEED
50.0%	50.0% #D69EE5	RGB 214 158 229	#D69EE5
66.7%	66.7% #C98EDC	RGB 201 142 220	#C98EDC
83.3%	83.3% #BC7ED3	RGB 188 126 211	#BC7ED3
100.0%	100.0% #B06ECB	RGB 176 110 203	#B06ECB

#FDCEFF #F0BEF6 #E3AEED #D69EE5 #C98EDC #BC7ED3 #B06ECB

#FDCEFF - #B06ECB

HSV Blend

#FDCEFF - #B06ECB | 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 #FDCEFF as 0% and #B06ECB as 100%.

0.0%	0.0% #FDCEFF	RGB 253 206 255	#FDCEFF
16.7%	16.7% #F1BCF6	RGB 241 188 246	#F1BCF6
33.3%	33.3% #E5AAED	RGB 229 170 237	#E5AAED
50.0%	50.0% #D89AE5	RGB 216 154 229	#D89AE5
66.7%	66.7% #CB8ADC	RGB 203 138 220	#CB8ADC
83.3%	83.3% #BD7CD3	RGB 189 124 211	#BD7CD3
100.0%	100.0% #B06ECB	RGB 176 110 203	#B06ECB

#FDCEFF #F1BCF6 #E5AAED #D89AE5 #CB8ADC #BD7CD3 #B06ECB

#FDCEFF - #D89AE5 - #B06ECB

CSS codes

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

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