#BFFFDF - #CDF3CB | 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 #BFFFDF to #CDF3CB

#BFFFDF #CDF3CB

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

#BFFFDF - #CDF3CB | 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 #BFFFDF as 0% and #CDF3CB as 100%.

0.0%	0.0% #BFFFDF	RGB 191 255 223	#BFFFDF
16.7%	16.7% #C1FDDB	RGB 193 253 219	#C1FDDB
33.3%	33.3% #C3FBD8	RGB 195 251 216	#C3FBD8
50.0%	50.0% #C6F9D5	RGB 198 249 213	#C6F9D5
66.7%	66.7% #C8F7D1	RGB 200 247 209	#C8F7D1
83.3%	83.3% #CAF5CE	RGB 202 245 206	#CAF5CE
100.0%	100.0% #CDF3CB	RGB 205 243 203	#CDF3CB

#BFFFDF #C1FDDB #C3FBD8 #C6F9D5 #C8F7D1 #CAF5CE #CDF3CB

#BFFFDF - #CDF3CB

HSV Blend

#BFFFDF - #CDF3CB | 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 #BFFFDF as 0% and #CDF3CB as 100%.

0.0%	0.0% #BFFFDF	RGB 191 255 223	#BFFFDF
16.7%	16.7% #C1FDD9	RGB 193 253 217	#C1FDD9
33.3%	33.3% #C3FBD4	RGB 195 251 212	#C3FBD4
50.0%	50.0% #C5F9D0	RGB 197 249 208	#C5F9D0
66.7%	66.7% #C7F7CD	RGB 199 247 205	#C7F7CD
83.3%	83.3% #C9F5CA	RGB 201 245 202	#C9F5CA
100.0%	100.0% #CDF3CB	RGB 205 243 203	#CDF3CB

#BFFFDF #C1FDD9 #C3FBD4 #C5F9D0 #C7F7CD #C9F5CA #CDF3CB

#BFFFDF - #C5F9D0 - #CDF3CB

CSS codes

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

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