#DFE3E7 - #82AFA5 | 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 #DFE3E7 to #82AFA5

#DFE3E7 #82AFA5

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

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

0.0%	0.0% #DFE3E7	RGB 223 227 231	#DFE3E7
16.7%	16.7% #CFDADC	RGB 207 218 220	#CFDADC
33.3%	33.3% #C0D1D1	RGB 192 209 209	#C0D1D1
50.0%	50.0% #B0C9C6	RGB 176 201 198	#B0C9C6
66.7%	66.7% #A1C0BB	RGB 161 192 187	#A1C0BB
83.3%	83.3% #91B7B0	RGB 145 183 176	#91B7B0
100.0%	100.0% #82AFA5	RGB 130 175 165	#82AFA5

#DFE3E7 #CFDADC #C0D1D1 #B0C9C6 #A1C0BB #91B7B0 #82AFA5

#DFE3E7 - #82AFA5

HSV Blend

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

0.0%	0.0% #DFE3E7	RGB 223 227 231	#DFE3E7
16.7%	16.7% #CDD7DD	RGB 205 215 221	#CDD7DD
33.3%	33.3% #BDCED4	RGB 189 206 212	#BDCED4
50.0%	50.0% #ADC6CB	RGB 173 198 203	#ADC6CB
66.7%	66.7% #9EC1C1	RGB 158 193 193	#9EC1C1
83.3%	83.3% #8FB8B4	RGB 143 184 180	#8FB8B4
100.0%	100.0% #82AFA5	RGB 130 175 165	#82AFA5

#DFE3E7 #CDD7DD #BDCED4 #ADC6CB #9EC1C1 #8FB8B4 #82AFA5

#DFE3E7 - #ADC6CB - #82AFA5

CSS codes

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

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