#BFE4CF - #EDDBFF | 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 #BFE4CF to #EDDBFF

#BFE4CF #EDDBFF

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

#BFE4CF - #EDDBFF | 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 #BFE4CF as 0% and #EDDBFF as 100%.

0.0%	0.0% #BFE4CF	RGB 191 228 207	#BFE4CF
16.7%	16.7% #C6E2D7	RGB 198 226 215	#C6E2D7
33.3%	33.3% #CEE1DF	RGB 206 225 223	#CEE1DF
50.0%	50.0% #D6DFE7	RGB 214 223 231	#D6DFE7
66.7%	66.7% #DDDEEF	RGB 221 222 239	#DDDEEF
83.3%	83.3% #E5DCF7	RGB 229 220 247	#E5DCF7
100.0%	100.0% #EDDBFF	RGB 237 219 255	#EDDBFF

#BFE4CF #C6E2D7 #CEE1DF #D6DFE7 #DDDEEF #E5DCF7 #EDDBFF

#BFE4CF - #EDDBFF

HSV Blend

#BFE4CF - #EDDBFF | 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 #BFE4CF as 0% and #EDDBFF as 100%.

0.0%	0.0% #BFE4CF	RGB 191 228 207	#BFE4CF
16.7%	16.7% #C3E8E0	RGB 195 232 224	#C3E8E0
33.3%	33.3% #C8E8ED	RGB 200 232 237	#C8E8ED
50.0%	50.0% #CCE0F1	RGB 204 224 241	#CCE0F1
66.7%	66.7% #D1D8F6	RGB 209 216 246	#D1D8F6
83.3%	83.3% #DBD6FA	RGB 219 214 250	#DBD6FA
100.0%	100.0% #EDDBFF	RGB 237 219 255	#EDDBFF

#BFE4CF #C3E8E0 #C8E8ED #CCE0F1 #D1D8F6 #DBD6FA #EDDBFF

#BFE4CF - #CCE0F1 - #EDDBFF

CSS codes

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

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