#9D9EA1 - #E2CFB5 | 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 #9D9EA1 to #E2CFB5

#9D9EA1 #E2CFB5

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

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

0.0%	0.0% #9D9EA1	RGB 157 158 161	#9D9EA1
16.7%	16.7% #A8A6A4	RGB 168 166 164	#A8A6A4
33.3%	33.3% #B4AEA7	RGB 180 174 167	#B4AEA7
50.0%	50.0% #BFB6AB	RGB 191 182 171	#BFB6AB
66.7%	66.7% #CBBEAE	RGB 203 190 174	#CBBEAE
83.3%	83.3% #D6C6B1	RGB 214 198 177	#D6C6B1
100.0%	100.0% #E2CFB5	RGB 226 207 181	#E2CFB5

#9D9EA1 #A8A6A4 #B4AEA7 #BFB6AB #CBBEAE #D6C6B1 #E2CFB5

#9D9EA1 - #E2CFB5

HSV Blend

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

0.0%	0.0% #9D9EA1	RGB 157 158 161	#9D9EA1
16.7%	16.7% #A4A2AB	RGB 164 162 171	#A4A2AB
33.3%	33.3% #B2A7B6	RGB 178 167 182	#B2A7B6
50.0%	50.0% #C1ABBD	RGB 193 171 189	#C1ABBD
66.7%	66.7% #CCAFBA	RGB 204 175 186	#CCAFBA
83.3%	83.3% #D7B6B2	RGB 215 182 178	#D7B6B2
100.0%	100.0% #E2CFB5	RGB 226 207 181	#E2CFB5

#9D9EA1 #A4A2AB #B2A7B6 #C1ABBD #CCAFBA #D7B6B2 #E2CFB5

#9D9EA1 - #C1ABBD - #E2CFB5

CSS codes

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

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