#DCE7E4 - #8CAFAE | 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 #DCE7E4 to #8CAFAE

#DCE7E4 #8CAFAE

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

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

0.0%	0.0% #DCE7E4	RGB 220 231 228	#DCE7E4
16.7%	16.7% #CEDDDB	RGB 206 221 219	#CEDDDB
33.3%	33.3% #C1D4D2	RGB 193 212 210	#C1D4D2
50.0%	50.0% #B4CBC9	RGB 180 203 201	#B4CBC9
66.7%	66.7% #A6C1C0	RGB 166 193 192	#A6C1C0
83.3%	83.3% #99B8B7	RGB 153 184 183	#99B8B7
100.0%	100.0% #8CAFAE	RGB 140 175 174	#8CAFAE

#DCE7E4 #CEDDDB #C1D4D2 #B4CBC9 #A6C1C0 #99B8B7 #8CAFAE

#DCE7E4 - #8CAFAE

HSV Blend

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

0.0%	0.0% #DCE7E4	RGB 220 231 228	#DCE7E4
16.7%	16.7% #CDDDD9	RGB 205 221 217	#CDDDD9
33.3%	33.3% #BFD4D0	RGB 191 212 208	#BFD4D0
50.0%	50.0% #B1CBC7	RGB 177 203 199	#B1CBC7
66.7%	66.7% #A4C1BE	RGB 164 193 190	#A4C1BE
83.3%	83.3% #98B8B6	RGB 152 184 182	#98B8B6
100.0%	100.0% #8CAFAE	RGB 140 175 174	#8CAFAE

#DCE7E4 #CDDDD9 #BFD4D0 #B1CBC7 #A4C1BE #98B8B6 #8CAFAE

#DCE7E4 - #B1CBC7 - #8CAFAE

CSS codes

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

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