#DFE5EC - #82AFB6 | 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 #DFE5EC to #82AFB6

#DFE5EC #82AFB6

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

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

0.0%	0.0% #DFE5EC	RGB 223 229 236	#DFE5EC
16.7%	16.7% #CFDCE3	RGB 207 220 227	#CFDCE3
33.3%	33.3% #C0D3DA	RGB 192 211 218	#C0D3DA
50.0%	50.0% #B0CAD1	RGB 176 202 209	#B0CAD1
66.7%	66.7% #A1C1C8	RGB 161 193 200	#A1C1C8
83.3%	83.3% #91B8BF	RGB 145 184 191	#91B8BF
100.0%	100.0% #82AFB6	RGB 130 175 182	#82AFB6

#DFE5EC #CFDCE3 #C0D3DA #B0CAD1 #A1C1C8 #91B8BF #82AFB6

#DFE5EC - #82AFB6

HSV Blend

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

0.0%	0.0% #DFE5EC	RGB 223 229 236	#DFE5EC
16.7%	16.7% #CDD8E3	RGB 205 216 227	#CDD8E3
33.3%	33.3% #BDCEDA	RGB 189 206 218	#BDCEDA
50.0%	50.0% #ADC5D1	RGB 173 197 209	#ADC5D1
66.7%	66.7% #9EBCC8	RGB 158 188 200	#9EBCC8
83.3%	83.3% #8FB5BF	RGB 143 181 191	#8FB5BF
100.0%	100.0% #82AFB6	RGB 130 175 182	#82AFB6

#DFE5EC #CDD8E3 #BDCEDA #ADC5D1 #9EBCC8 #8FB5BF #82AFB6

#DFE5EC - #ADC5D1 - #82AFB6

CSS codes

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

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