#B2D1C9 - #FDCCFF | 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 #B2D1C9 to #FDCCFF

#B2D1C9 #FDCCFF

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

#B2D1C9 - #FDCCFF | 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 #B2D1C9 as 0% and #FDCCFF as 100%.

0.0%	0.0% #B2D1C9	RGB 178 209 201	#B2D1C9
16.7%	16.7% #BED0D2	RGB 190 208 210	#BED0D2
33.3%	33.3% #CBCFDB	RGB 203 207 219	#CBCFDB
50.0%	50.0% #D7CEE4	RGB 215 206 228	#D7CEE4
66.7%	66.7% #E4CDED	RGB 228 205 237	#E4CDED
83.3%	83.3% #F0CCF6	RGB 240 204 246	#F0CCF6
100.0%	100.0% #FDCCFF	RGB 253 204 255	#FDCCFF

#B2D1C9 #BED0D2 #CBCFDB #D7CEE4 #E4CDED #F0CCF6 #FDCCFF

#B2D1C9 - #FDCCFF

HSV Blend

#B2D1C9 - #FDCCFF | 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 #B2D1C9 as 0% and #FDCCFF as 100%.

0.0%	0.0% #B2D1C9	RGB 178 209 201	#B2D1C9
16.7%	16.7% #B6D4D8	RGB 182 212 216	#B6D4D8
33.3%	33.3% #BBCEE0	RGB 187 206 224	#BBCEE0
50.0%	50.0% #BFC5E8	RGB 191 197 232	#BFC5E8
66.7%	66.7% #CDC3EF	RGB 205 195 239	#CDC3EF
83.3%	83.3% #E3C7F7	RGB 227 199 247	#E3C7F7
100.0%	100.0% #FDCCFF	RGB 253 204 255	#FDCCFF

#B2D1C9 #B6D4D8 #BBCEE0 #BFC5E8 #CDC3EF #E3C7F7 #FDCCFF

#B2D1C9 - #BFC5E8 - #FDCCFF

CSS codes

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

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