#B2FFD6 - #E4DDCF | 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 #B2FFD6 to #E4DDCF

#B2FFD6 #E4DDCF

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

#B2FFD6 - #E4DDCF | 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 #B2FFD6 as 0% and #E4DDCF as 100%.

0.0%	0.0% #B2FFD6	RGB 178 255 214	#B2FFD6
16.7%	16.7% #BAF9D4	RGB 186 249 212	#BAF9D4
33.3%	33.3% #C2F3D3	RGB 194 243 211	#C2F3D3
50.0%	50.0% #CBEED2	RGB 203 238 210	#CBEED2
66.7%	66.7% #D3E8D1	RGB 211 232 209	#D3E8D1
83.3%	83.3% #DBE2D0	RGB 219 226 208	#DBE2D0
100.0%	100.0% #E4DDCF	RGB 228 221 207	#E4DDCF

#B2FFD6 #BAF9D4 #C2F3D3 #CBEED2 #D3E8D1 #DBE2D0 #E4DDCF

#B2FFD6 - #E4DDCF

HSV Blend

#B2FFD6 - #E4DDCF | 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 #B2FFD6 as 0% and #E4DDCF as 100%.

0.0%	0.0% #B2FFD6	RGB 178 255 214	#B2FFD6
16.7%	16.7% #B7FAC2	RGB 183 250 194	#B7FAC2
33.3%	33.3% #C4F6BC	RGB 196 246 188	#C4F6BC
50.0%	50.0% #D6F1C1	RGB 214 241 193	#D6F1C1
66.7%	66.7% #E2EDC6	RGB 226 237 198	#E2EDC6
83.3%	83.3% #E8E7CA	RGB 232 231 202	#E8E7CA
100.0%	100.0% #E4DDCF	RGB 228 221 207	#E4DDCF

#B2FFD6 #B7FAC2 #C4F6BC #D6F1C1 #E2EDC6 #E8E7CA #E4DDCF

#B2FFD6 - #D6F1C1 - #E4DDCF

CSS codes

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

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