#B5FFFB - #DCE3D4 | 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 #B5FFFB to #DCE3D4

#B5FFFB #DCE3D4

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

#B5FFFB - #DCE3D4 | 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 #B5FFFB as 0% and #DCE3D4 as 100%.

0.0%	0.0% #B5FFFB	RGB 181 255 251	#B5FFFB
16.7%	16.7% #BBFAF4	RGB 187 250 244	#BBFAF4
33.3%	33.3% #C2F5EE	RGB 194 245 238	#C2F5EE
50.0%	50.0% #C8F1E7	RGB 200 241 231	#C8F1E7
66.7%	66.7% #CFECE1	RGB 207 236 225	#CFECE1
83.3%	83.3% #D5E7DA	RGB 213 231 218	#D5E7DA
100.0%	100.0% #DCE3D4	RGB 220 227 212	#DCE3D4

#B5FFFB #BBFAF4 #C2F5EE #C8F1E7 #CFECE1 #D5E7DA #DCE3D4

#B5FFFB - #DCE3D4

HSV Blend

#B5FFFB - #DCE3D4 | 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 #B5FFFB as 0% and #DCE3D4 as 100%.

0.0%	0.0% #B5FFFB	RGB 181 255 251	#B5FFFB
16.7%	16.7% #BBFAE7	RGB 187 250 231	#BBFAE7
33.3%	33.3% #C0F5D8	RGB 192 245 216	#C0F5D8
50.0%	50.0% #C6F1CE	RGB 198 241 206	#C6F1CE
66.7%	66.7% #CCECCB	RGB 204 236 203	#CCECCB
83.3%	83.3% #D6E7CF	RGB 214 231 207	#D6E7CF
100.0%	100.0% #DCE3D4	RGB 220 227 212	#DCE3D4

#B5FFFB #BBFAE7 #C0F5D8 #C6F1CE #CCECCB #D6E7CF #DCE3D4

#B5FFFB - #C6F1CE - #DCE3D4

CSS codes

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

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