#BFD4D5 - #FFCDFB | 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 #BFD4D5 to #FFCDFB

#BFD4D5 #FFCDFB

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

#BFD4D5 - #FFCDFB | 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 #BFD4D5 as 0% and #FFCDFB as 100%.

0.0%	0.0% #BFD4D5	RGB 191 212 213	#BFD4D5
16.7%	16.7% #C9D2DB	RGB 201 210 219	#C9D2DB
33.3%	33.3% #D4D1E1	RGB 212 209 225	#D4D1E1
50.0%	50.0% #DFD0E8	RGB 223 208 232	#DFD0E8
66.7%	66.7% #E9CFEE	RGB 233 207 238	#E9CFEE
83.3%	83.3% #F4CEF4	RGB 244 206 244	#F4CEF4
100.0%	100.0% #FFCDFB	RGB 255 205 251	#FFCDFB

#BFD4D5 #C9D2DB #D4D1E1 #DFD0E8 #E9CFEE #F4CEF4 #FFCDFB

#BFD4D5 - #FFCDFB

HSV Blend

#BFD4D5 - #FFCDFB | 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 #BFD4D5 as 0% and #FFCDFB as 100%.

0.0%	0.0% #BFD4D5	RGB 191 212 213	#BFD4D5
16.7%	16.7% #C1D1DC	RGB 193 209 220	#C1D1DC
33.3%	33.3% #C4CCE3	RGB 196 204 227	#C4CCE3
50.0%	50.0% #C9C6EA	RGB 201 198 234	#C9C6EA
66.7%	66.7% #D9C9F1	RGB 217 201 241	#D9C9F1
83.3%	83.3% #ECCBF8	RGB 236 203 248	#ECCBF8
100.0%	100.0% #FFCDFB	RGB 255 205 251	#FFCDFB

#BFD4D5 #C1D1DC #C4CCE3 #C9C6EA #D9C9F1 #ECCBF8 #FFCDFB

#BFD4D5 - #C9C6EA - #FFCDFB

CSS codes

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

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