#9EB8C8 - #E4DCD1 | 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 #9EB8C8 to #E4DCD1

#9EB8C8 #E4DCD1

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

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

0.0%	0.0% #9EB8C8	RGB 158 184 200	#9EB8C8
16.7%	16.7% #A9BEC9	RGB 169 190 201	#A9BEC9
33.3%	33.3% #B5C4CB	RGB 181 196 203	#B5C4CB
50.0%	50.0% #C1CACC	RGB 193 202 204	#C1CACC
66.7%	66.7% #CCD0CE	RGB 204 208 206	#CCD0CE
83.3%	83.3% #D8D6CF	RGB 216 214 207	#D8D6CF
100.0%	100.0% #E4DCD1	RGB 228 220 209	#E4DCD1

#9EB8C8 #A9BEC9 #B5C4CB #C1CACC #CCD0CE #D8D6CF #E4DCD1

#9EB8C8 - #E4DCD1

HSV Blend

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

0.0%	0.0% #9EB8C8	RGB 158 184 200	#9EB8C8
16.7%	16.7% #A6CCC9	RGB 166 204 201	#A6CCC9
33.3%	33.3% #AED1BD	RGB 174 209 189	#AED1BD
50.0%	50.0% #B7D6B6	RGB 183 214 182	#B7D6B6
66.7%	66.7% #CCDABF	RGB 204 218 191	#CCDABF
83.3%	83.3% #DEDFC8	RGB 222 223 200	#DEDFC8
100.0%	100.0% #E4DCD1	RGB 228 220 209	#E4DCD1

#9EB8C8 #A6CCC9 #AED1BD #B7D6B6 #CCDABF #DEDFC8 #E4DCD1

#9EB8C8 - #B7D6B6 - #E4DCD1

CSS codes

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

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