#DFE2EC - #82ACB6 | 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 #DFE2EC to #82ACB6

#DFE2EC #82ACB6

Calculate the color between two colors, #DFE2EC and #82ACB6. 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)

#DFE2EC - #82ACB6 | 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 #DFE2EC as 0% and #82ACB6 as 100%.

0.0%	0.0% #DFE2EC	RGB 223 226 236	#DFE2EC
16.7%	16.7% #CFD9E3	RGB 207 217 227	#CFD9E3
33.3%	33.3% #C0D0DA	RGB 192 208 218	#C0D0DA
50.0%	50.0% #B0C7D1	RGB 176 199 209	#B0C7D1
66.7%	66.7% #A1BEC8	RGB 161 190 200	#A1BEC8
83.3%	83.3% #91B5BF	RGB 145 181 191	#91B5BF
100.0%	100.0% #82ACB6	RGB 130 172 182	#82ACB6

#DFE2EC #CFD9E3 #C0D0DA #B0C7D1 #A1BEC8 #91B5BF #82ACB6

#DFE2EC - #82ACB6

HSV Blend

#DFE2EC - #82ACB6 | 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 #DFE2EC as 0% and #82ACB6 as 100%.

0.0%	0.0% #DFE2EC	RGB 223 226 236	#DFE2EC
16.7%	16.7% #CDD4E3	RGB 205 212 227	#CDD4E3
33.3%	33.3% #BDC9DA	RGB 189 201 218	#BDC9DA
50.0%	50.0% #ADBFD1	RGB 173 191 209	#ADBFD1
66.7%	66.7% #9EB7C8	RGB 158 183 200	#9EB7C8
83.3%	83.3% #8FB1BF	RGB 143 177 191	#8FB1BF
100.0%	100.0% #82ACB6	RGB 130 172 182	#82ACB6

#DFE2EC #CDD4E3 #BDC9DA #ADBFD1 #9EB7C8 #8FB1BF #82ACB6

#DFE2EC - #ADBFD1 - #82ACB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DFE2EC 0%, #ADBFD1 50%, #82ACB6 100%);
    background: -webkit-linear-gradient(top, #DFE2EC 0%, #ADBFD1 50%, #82ACB6 100%);
    background: linear-gradient(to bottom, #DFE2EC 0%, #ADBFD1 50%, #82ACB6 100%);
}
</style>