#9CBDA1 - #E2ECE4 | 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 #9CBDA1 to #E2ECE4

#9CBDA1 #E2ECE4

Calculate the color between two colors, #9CBDA1 and #E2ECE4. 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)

#9CBDA1 - #E2ECE4 | 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 #9CBDA1 as 0% and #E2ECE4 as 100%.

0.0%	0.0% #9CBDA1	RGB 156 189 161	#9CBDA1
16.7%	16.7% #A7C4AC	RGB 167 196 172	#A7C4AC
33.3%	33.3% #B3CCB7	RGB 179 204 183	#B3CCB7
50.0%	50.0% #BFD4C2	RGB 191 212 194	#BFD4C2
66.7%	66.7% #CADCCD	RGB 202 220 205	#CADCCD
83.3%	83.3% #D6E4D8	RGB 214 228 216	#D6E4D8
100.0%	100.0% #E2ECE4	RGB 226 236 228	#E2ECE4

#9CBDA1 #A7C4AC #B3CCB7 #BFD4C2 #CADCCD #D6E4D8 #E2ECE4

#9CBDA1 - #E2ECE4

HSV Blend

#9CBDA1 - #E2ECE4 | 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 #9CBDA1 as 0% and #E2ECE4 as 100%.

0.0%	0.0% #9CBDA1	RGB 156 189 161	#9CBDA1
16.7%	16.7% #A6C4AB	RGB 166 196 171	#A6C4AB
33.3%	33.3% #B1CCB6	RGB 177 204 182	#B1CCB6
50.0%	50.0% #BDD4C1	RGB 189 212 193	#BDD4C1
66.7%	66.7% #C9DCCC	RGB 201 220 204	#C9DCCC
83.3%	83.3% #D5E4D8	RGB 213 228 216	#D5E4D8
100.0%	100.0% #E2ECE4	RGB 226 236 228	#E2ECE4

#9CBDA1 #A6C4AB #B1CCB6 #BDD4C1 #C9DCCC #D5E4D8 #E2ECE4

#9CBDA1 - #BDD4C1 - #E2ECE4

CSS codes

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

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