#DEE5E3 - #84A0B2 | 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 #DEE5E3 to #84A0B2

#DEE5E3 #84A0B2

Calculate the color between two colors, #DEE5E3 and #84A0B2. 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)

#DEE5E3 - #84A0B2 | 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 #DEE5E3 as 0% and #84A0B2 as 100%.

0.0%	0.0% #DEE5E3	RGB 222 229 227	#DEE5E3
16.7%	16.7% #CFD9DA	RGB 207 217 218	#CFD9DA
33.3%	33.3% #C0CED2	RGB 192 206 210	#C0CED2
50.0%	50.0% #B1C2CA	RGB 177 194 202	#B1C2CA
66.7%	66.7% #A2B7C2	RGB 162 183 194	#A2B7C2
83.3%	83.3% #93ABBA	RGB 147 171 186	#93ABBA
100.0%	100.0% #84A0B2	RGB 132 160 178	#84A0B2

#DEE5E3 #CFD9DA #C0CED2 #B1C2CA #A2B7C2 #93ABBA #84A0B2

#DEE5E3 - #84A0B2

HSV Blend

#DEE5E3 - #84A0B2 | 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 #DEE5E3 as 0% and #84A0B2 as 100%.

0.0%	0.0% #DEE5E3	RGB 222 229 227	#DEE5E3
16.7%	16.7% #CDDCD9	RGB 205 220 217	#CDDCD9
33.3%	33.3% #BDD4D2	RGB 189 212 210	#BDD4D2
50.0%	50.0% #AEC9CB	RGB 174 201 203	#AEC9CB
66.7%	66.7% #9FBDC3	RGB 159 189 195	#9FBDC3
83.3%	83.3% #91AFBA	RGB 145 175 186	#91AFBA
100.0%	100.0% #84A0B2	RGB 132 160 178	#84A0B2

#DEE5E3 #CDDCD9 #BDD4D2 #AEC9CB #9FBDC3 #91AFBA #84A0B2

#DEE5E3 - #AEC9CB - #84A0B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DEE5E3 0%, #AEC9CB 50%, #84A0B2 100%);
    background: -webkit-linear-gradient(top, #DEE5E3 0%, #AEC9CB 50%, #84A0B2 100%);
    background: linear-gradient(to bottom, #DEE5E3 0%, #AEC9CB 50%, #84A0B2 100%);
}
</style>