#B4D6D3 - #ECDFDD | 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 #B4D6D3 to #ECDFDD

#B4D6D3 #ECDFDD

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

#B4D6D3 - #ECDFDD | 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 #B4D6D3 as 0% and #ECDFDD as 100%.

0.0%	0.0% #B4D6D3	RGB 180 214 211	#B4D6D3
16.7%	16.7% #BDD7D4	RGB 189 215 212	#BDD7D4
33.3%	33.3% #C6D9D6	RGB 198 217 214	#C6D9D6
50.0%	50.0% #D0DAD8	RGB 208 218 216	#D0DAD8
66.7%	66.7% #D9DCD9	RGB 217 220 217	#D9DCD9
83.3%	83.3% #E2DDDB	RGB 226 221 219	#E2DDDB
100.0%	100.0% #ECDFDD	RGB 236 223 221	#ECDFDD

#B4D6D3 #BDD7D4 #C6D9D6 #D0DAD8 #D9DCD9 #E2DDDB #ECDFDD

#B4D6D3 - #ECDFDD

HSV Blend

#B4D6D3 - #ECDFDD | 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 #B4D6D3 as 0% and #ECDFDD as 100%.

0.0%	0.0% #B4D6D3	RGB 180 214 211	#B4D6D3
16.7%	16.7% #BAD9C8	RGB 186 217 200	#BAD9C8
33.3%	33.3% #C1DDC1	RGB 193 221 193	#C1DDC1
50.0%	50.0% #D3E1C7	RGB 211 225 199	#D3E1C7
66.7%	66.7% #E3E4CE	RGB 227 228 206	#E3E4CE
83.3%	83.3% #E8E0D5	RGB 232 224 213	#E8E0D5
100.0%	100.0% #ECDFDD	RGB 236 223 221	#ECDFDD

#B4D6D3 #BAD9C8 #C1DDC1 #D3E1C7 #E3E4CE #E8E0D5 #ECDFDD

#B4D6D3 - #D3E1C7 - #ECDFDD

CSS codes

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

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