#B6FF9F - #DDF8CD | 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 #B6FF9F to #DDF8CD

#B6FF9F #DDF8CD

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

#B6FF9F - #DDF8CD | 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 #B6FF9F as 0% and #DDF8CD as 100%.

0.0%	0.0% #B6FF9F	RGB 182 255 159	#B6FF9F
16.7%	16.7% #BCFDA6	RGB 188 253 166	#BCFDA6
33.3%	33.3% #C3FCAE	RGB 195 252 174	#C3FCAE
50.0%	50.0% #C9FBB6	RGB 201 251 182	#C9FBB6
66.7%	66.7% #D0FABD	RGB 208 250 189	#D0FABD
83.3%	83.3% #D6F9C5	RGB 214 249 197	#D6F9C5
100.0%	100.0% #DDF8CD	RGB 221 248 205	#DDF8CD

#B6FF9F #BCFDA6 #C3FCAE #C9FBB6 #D0FABD #D6F9C5 #DDF8CD

#B6FF9F - #DDF8CD

HSV Blend

#B6FF9F - #DDF8CD | 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 #B6FF9F as 0% and #DDF8CD as 100%.

0.0%	0.0% #B5FF9F	RGB 181 255 159	#B5FF9F
16.7%	16.7% #BDFDA6	RGB 189 253 166	#BDFDA6
33.3%	33.3% #C4FCAE	RGB 196 252 174	#C4FCAE
50.0%	50.0% #CBFBB6	RGB 203 251 182	#CBFBB6
66.7%	66.7% #D1FABD	RGB 209 250 189	#D1FABD
83.3%	83.3% #D7F9C5	RGB 215 249 197	#D7F9C5
100.0%	100.0% #DDF8CD	RGB 221 248 205	#DDF8CD

#B5FF9F #BDFDA6 #C4FCAE #CBFBB6 #D1FABD #D7F9C5 #DDF8CD

#B6FF9F - #CBFBB6 - #DDF8CD

CSS codes

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

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