#BFD8D0 - #FFD3FD | 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 #BFD8D0 to #FFD3FD

#BFD8D0 #FFD3FD

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

#BFD8D0 - #FFD3FD | 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 #BFD8D0 as 0% and #FFD3FD as 100%.

0.0%	0.0% #BFD8D0	RGB 191 216 208	#BFD8D0
16.7%	16.7% #C9D7D7	RGB 201 215 215	#C9D7D7
33.3%	33.3% #D4D6DF	RGB 212 214 223	#D4D6DF
50.0%	50.0% #DFD5E6	RGB 223 213 230	#DFD5E6
66.7%	66.7% #E9D4EE	RGB 233 212 238	#E9D4EE
83.3%	83.3% #F4D3F5	RGB 244 211 245	#F4D3F5
100.0%	100.0% #FFD3FD	RGB 255 211 253	#FFD3FD

#BFD8D0 #C9D7D7 #D4D6DF #DFD5E6 #E9D4EE #F4D3F5 #FFD3FD

#BFD8D0 - #FFD3FD

HSV Blend

#BFD8D0 - #FFD3FD | 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 #BFD8D0 as 0% and #FFD3FD as 100%.

0.0%	0.0% #BFD8D0	RGB 191 216 208	#BFD8D0
16.7%	16.7% #C2DCDE	RGB 194 220 222	#C2DCDE
33.3%	33.3% #C6D6E5	RGB 198 214 229	#C6D6E5
50.0%	50.0% #C9CEEB	RGB 201 206 235	#C9CEEB
66.7%	66.7% #D6CCF2	RGB 214 204 242	#D6CCF2
83.3%	83.3% #EACFF8	RGB 234 207 248	#EACFF8
100.0%	100.0% #FFD3FD	RGB 255 211 253	#FFD3FD

#BFD8D0 #C2DCDE #C6D6E5 #C9CEEB #D6CCF2 #EACFF8 #FFD3FD

#BFD8D0 - #C9CEEB - #FFD3FD

CSS codes

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

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