#96B2B5 - #EADBC7 | 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 #96B2B5 to #EADBC7

#96B2B5 #EADBC7

Calculate the color between two colors, #96B2B5 and #EADBC7. 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)

#96B2B5 - #EADBC7 | 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 #96B2B5 as 0% and #EADBC7 as 100%.

0.0%	0.0% #96B2B5	RGB 150 178 181	#96B2B5
16.7%	16.7% #A4B8B8	RGB 164 184 184	#A4B8B8
33.3%	33.3% #B2BFBB	RGB 178 191 187	#B2BFBB
50.0%	50.0% #C0C6BE	RGB 192 198 190	#C0C6BE
66.7%	66.7% #CECDC1	RGB 206 205 193	#CECDC1
83.3%	83.3% #DCD4C4	RGB 220 212 196	#DCD4C4
100.0%	100.0% #EADBC7	RGB 234 219 199	#EADBC7

#96B2B5 #A4B8B8 #B2BFBB #C0C6BE #CECDC1 #DCD4C4 #EADBC7

#96B2B5 - #EADBC7

HSV Blend

#96B2B5 - #EADBC7 | 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 #96B2B5 as 0% and #EADBC7 as 100%.

0.0%	0.0% #96B2B5	RGB 150 178 181	#96B2B5
16.7%	16.7% #9EBDB3	RGB 158 189 179	#9EBDB3
33.3%	33.3% #A6C6AE	RGB 166 198 174	#A6C6AE
50.0%	50.0% #B3CFAE	RGB 179 207 174	#B3CFAE
66.7%	66.7% #CAD8B6	RGB 202 216 182	#CAD8B6
83.3%	83.3% #E1E0BE	RGB 225 224 190	#E1E0BE
100.0%	100.0% #EADBC7	RGB 234 219 199	#EADBC7

#96B2B5 #9EBDB3 #A6C6AE #B3CFAE #CAD8B6 #E1E0BE #EADBC7

#96B2B5 - #B3CFAE - #EADBC7

CSS codes

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

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