#BFFFEE - #DBF2EB | 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 #BFFFEE to #DBF2EB

#BFFFEE #DBF2EB

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

#BFFFEE - #DBF2EB | 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 #BFFFEE as 0% and #DBF2EB as 100%.

0.0%	0.0% #BFFFEE	RGB 191 255 238	#BFFFEE
16.7%	16.7% #C3FCED	RGB 195 252 237	#C3FCED
33.3%	33.3% #C8FAED	RGB 200 250 237	#C8FAED
50.0%	50.0% #CDF8EC	RGB 205 248 236	#CDF8EC
66.7%	66.7% #D1F6EC	RGB 209 246 236	#D1F6EC
83.3%	83.3% #D6F4EB	RGB 214 244 235	#D6F4EB
100.0%	100.0% #DBF2EB	RGB 219 242 235	#DBF2EB

#BFFFEE #C3FCED #C8FAED #CDF8EC #D1F6EC #D6F4EB #DBF2EB

#BFFFEE - #DBF2EB

HSV Blend

#BFFFEE - #DBF2EB | 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 #BFFFEE as 0% and #DBF2EB as 100%.

0.0%	0.0% #BFFFEE	RGB 191 255 238	#BFFFEE
16.7%	16.7% #C3FCED	RGB 195 252 237	#C3FCED
33.3%	33.3% #C8FAEC	RGB 200 250 236	#C8FAEC
50.0%	50.0% #CDF8EC	RGB 205 248 236	#CDF8EC
66.7%	66.7% #D2F6EB	RGB 210 246 235	#D2F6EB
83.3%	83.3% #D6F4EB	RGB 214 244 235	#D6F4EB
100.0%	100.0% #DBF2EB	RGB 219 242 235	#DBF2EB

#BFFFEE #C3FCED #C8FAEC #CDF8EC #D2F6EB #D6F4EB #DBF2EB

#BFFFEE - #CDF8EC - #DBF2EB

CSS codes

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

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