#DCE2DF - #8ABFAE | 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 #DCE2DF to #8ABFAE

#DCE2DF #8ABFAE

Calculate the color between two colors, #DCE2DF and #8ABFAE. 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)

#DCE2DF - #8ABFAE | 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 #DCE2DF as 0% and #8ABFAE as 100%.

0.0%	0.0% #DCE2DF	RGB 220 226 223	#DCE2DF
16.7%	16.7% #CEDCD6	RGB 206 220 214	#CEDCD6
33.3%	33.3% #C0D6CE	RGB 192 214 206	#C0D6CE
50.0%	50.0% #B3D0C6	RGB 179 208 198	#B3D0C6
66.7%	66.7% #A5CABE	RGB 165 202 190	#A5CABE
83.3%	83.3% #97C4B6	RGB 151 196 182	#97C4B6
100.0%	100.0% #8ABFAE	RGB 138 191 174	#8ABFAE

#DCE2DF #CEDCD6 #C0D6CE #B3D0C6 #A5CABE #97C4B6 #8ABFAE

#DCE2DF - #8ABFAE

HSV Blend

#DCE2DF - #8ABFAE | 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 #DCE2DF as 0% and #8ABFAE as 100%.

0.0%	0.0% #DCE2DF	RGB 220 226 223	#DCE2DF
16.7%	16.7% #CDDCD5	RGB 205 220 213	#CDDCD5
33.3%	33.3% #BED6CB	RGB 190 214 203	#BED6CB
50.0%	50.0% #B0D0C3	RGB 176 208 195	#B0D0C3
66.7%	66.7% #A3CABB	RGB 163 202 187	#A3CABB
83.3%	83.3% #96C4B4	RGB 150 196 180	#96C4B4
100.0%	100.0% #8ABFAE	RGB 138 191 174	#8ABFAE

#DCE2DF #CDDCD5 #BED6CB #B0D0C3 #A3CABB #96C4B4 #8ABFAE

#DCE2DF - #B0D0C3 - #8ABFAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DCE2DF 0%, #B0D0C3 50%, #8ABFAE 100%);
    background: -webkit-linear-gradient(top, #DCE2DF 0%, #B0D0C3 50%, #8ABFAE 100%);
    background: linear-gradient(to bottom, #DCE2DF 0%, #B0D0C3 50%, #8ABFAE 100%);
}
</style>