#DCE4DF - #82ACAF | 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 #DCE4DF to #82ACAF

#DCE4DF #82ACAF

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

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

0.0%	0.0% #DCE4DF	RGB 220 228 223	#DCE4DF
16.7%	16.7% #CDDAD7	RGB 205 218 215	#CDDAD7
33.3%	33.3% #BED1CF	RGB 190 209 207	#BED1CF
50.0%	50.0% #AFC8C7	RGB 175 200 199	#AFC8C7
66.7%	66.7% #A0BEBF	RGB 160 190 191	#A0BEBF
83.3%	83.3% #91B5B7	RGB 145 181 183	#91B5B7
100.0%	100.0% #82ACAF	RGB 130 172 175	#82ACAF

#DCE4DF #CDDAD7 #BED1CF #AFC8C7 #A0BEBF #91B5B7 #82ACAF

#DCE4DF - #82ACAF

HSV Blend

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

0.0%	0.0% #DCE4DF	RGB 220 228 223	#DCE4DF
16.7%	16.7% #CBDBD3	RGB 203 219 211	#CBDBD3
33.3%	33.3% #BBD2C9	RGB 187 210 201	#BBD2C9
50.0%	50.0% #ACC9C1	RGB 172 201 193	#ACC9C1
66.7%	66.7% #9DC0BA	RGB 157 192 186	#9DC0BA
83.3%	83.3% #8FB7B5	RGB 143 183 181	#8FB7B5
100.0%	100.0% #82ACAF	RGB 130 172 175	#82ACAF

#DCE4DF #CBDBD3 #BBD2C9 #ACC9C1 #9DC0BA #8FB7B5 #82ACAF

#DCE4DF - #ACC9C1 - #82ACAF

CSS codes

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

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