#DCE3DF - #8DBAAA | 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 #DCE3DF to #8DBAAA

#DCE3DF #8DBAAA

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

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

0.0%	0.0% #DCE3DF	RGB 220 227 223	#DCE3DF
16.7%	16.7% #CEDCD6	RGB 206 220 214	#CEDCD6
33.3%	33.3% #C1D5CD	RGB 193 213 205	#C1D5CD
50.0%	50.0% #B4CEC4	RGB 180 206 196	#B4CEC4
66.7%	66.7% #A7C7BB	RGB 167 199 187	#A7C7BB
83.3%	83.3% #9AC0B2	RGB 154 192 178	#9AC0B2
100.0%	100.0% #8DBAAA	RGB 141 186 170	#8DBAAA

#DCE3DF #CEDCD6 #C1D5CD #B4CEC4 #A7C7BB #9AC0B2 #8DBAAA

#DCE3DF - #8DBAAA

HSV Blend

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

0.0%	0.0% #DCE3DF	RGB 220 227 223	#DCE3DF
16.7%	16.7% #CDDCD4	RGB 205 220 212	#CDDCD4
33.3%	33.3% #BFD5CA	RGB 191 213 202	#BFD5CA
50.0%	50.0% #B2CEC1	RGB 178 206 193	#B2CEC1
66.7%	66.7% #A5C7B9	RGB 165 199 185	#A5C7B9
83.3%	83.3% #98C0B1	RGB 152 192 177	#98C0B1
100.0%	100.0% #8DBAAA	RGB 141 186 170	#8DBAAA

#DCE3DF #CDDCD4 #BFD5CA #B2CEC1 #A5C7B9 #98C0B1 #8DBAAA

#DCE3DF - #B2CEC1 - #8DBAAA

CSS codes

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

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