#9DB8C2 - #E7DDCE | 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 #9DB8C2 to #E7DDCE

#9DB8C2 #E7DDCE

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

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

0.0%	0.0% #9DB8C2	RGB 157 184 194	#9DB8C2
16.7%	16.7% #A9BEC4	RGB 169 190 196	#A9BEC4
33.3%	33.3% #B5C4C6	RGB 181 196 198	#B5C4C6
50.0%	50.0% #C2CAC8	RGB 194 202 200	#C2CAC8
66.7%	66.7% #CED0CA	RGB 206 208 202	#CED0CA
83.3%	83.3% #DAD6CC	RGB 218 214 204	#DAD6CC
100.0%	100.0% #E7DDCE	RGB 231 221 206	#E7DDCE

#9DB8C2 #A9BEC4 #B5C4C6 #C2CAC8 #CED0CA #DAD6CC #E7DDCE

#9DB8C2 - #E7DDCE

HSV Blend

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

0.0%	0.0% #9DB8C2	RGB 157 184 194	#9DB8C2
16.7%	16.7% #A4C8C1	RGB 164 200 193	#A4C8C1
33.3%	33.3% #ACCEB9	RGB 172 206 185	#ACCEB9
50.0%	50.0% #B6D4B4	RGB 182 212 180	#B6D4B4
66.7%	66.7% #CCDABC	RGB 204 218 188	#CCDABC
83.3%	83.3% #DFE0C5	RGB 223 224 197	#DFE0C5
100.0%	100.0% #E7DDCE	RGB 231 221 206	#E7DDCE

#9DB8C2 #A4C8C1 #ACCEB9 #B6D4B4 #CCDABC #DFE0C5 #E7DDCE

#9DB8C2 - #B6D4B4 - #E7DDCE

CSS codes

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

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