#96CDD9 - #EDE3D9 | 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 #96CDD9 to #EDE3D9

#96CDD9 #EDE3D9

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

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

0.0%	0.0% #96CDD9	RGB 150 205 217	#96CDD9
16.7%	16.7% #A4D0D9	RGB 164 208 217	#A4D0D9
33.3%	33.3% #B3D4D9	RGB 179 212 217	#B3D4D9
50.0%	50.0% #C1D8D9	RGB 193 216 217	#C1D8D9
66.7%	66.7% #D0DBD9	RGB 208 219 217	#D0DBD9
83.3%	83.3% #DEDFD9	RGB 222 223 217	#DEDFD9
100.0%	100.0% #EDE3D9	RGB 237 227 217	#EDE3D9

#96CDD9 #A4D0D9 #B3D4D9 #C1D8D9 #D0DBD9 #DEDFD9 #EDE3D9

#96CDD9 - #EDE3D9

HSV Blend

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

0.0%	0.0% #96CDD9	RGB 150 205 217	#96CDD9
16.7%	16.7% #A0DCCC	RGB 160 220 204	#A0DCCC
33.3%	33.3% #ABDFBA	RGB 171 223 186	#ABDFBA
50.0%	50.0% #BDE3B6	RGB 189 227 182	#BDE3B6
66.7%	66.7% #D7E6C1	RGB 215 230 193	#D7E6C1
83.3%	83.3% #E9E8CD	RGB 233 232 205	#E9E8CD
100.0%	100.0% #EDE3D9	RGB 237 227 217	#EDE3D9

#96CDD9 #A0DCCC #ABDFBA #BDE3B6 #D7E6C1 #E9E8CD #EDE3D9

#96CDD9 - #BDE3B6 - #EDE3D9

CSS codes

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

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