#9CB3C4 - #E2DACE | 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 #9CB3C4 to #E2DACE

#9CB3C4 #E2DACE

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

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

0.0%	0.0% #9CB3C4	RGB 156 179 196	#9CB3C4
16.7%	16.7% #A7B9C5	RGB 167 185 197	#A7B9C5
33.3%	33.3% #B3C0C7	RGB 179 192 199	#B3C0C7
50.0%	50.0% #BFC6C9	RGB 191 198 201	#BFC6C9
66.7%	66.7% #CACDCA	RGB 202 205 202	#CACDCA
83.3%	83.3% #D6D3CC	RGB 214 211 204	#D6D3CC
100.0%	100.0% #E2DACE	RGB 226 218 206	#E2DACE

#9CB3C4 #A7B9C5 #B3C0C7 #BFC6C9 #CACDCA #D6D3CC #E2DACE

#9CB3C4 - #E2DACE

HSV Blend

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

0.0%	0.0% #9CB3C4	RGB 156 179 196	#9CB3C4
16.7%	16.7% #A3C9C7	RGB 163 201 199	#A3C9C7
33.3%	33.3% #ABCEBC	RGB 171 206 188	#ABCEBC
50.0%	50.0% #B4D3B4	RGB 180 211 180	#B4D3B4
66.7%	66.7% #C9D8BC	RGB 201 216 188	#C9D8BC
83.3%	83.3% #DBDDC5	RGB 219 221 197	#DBDDC5
100.0%	100.0% #E2DACE	RGB 226 218 206	#E2DACE

#9CB3C4 #A3C9C7 #ABCEBC #B4D3B4 #C9D8BC #DBDDC5 #E2DACE

#9CB3C4 - #B4D3B4 - #E2DACE

CSS codes

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

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