#DAE2DC - #8CBCA4 | 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 #DAE2DC to #8CBCA4

#DAE2DC #8CBCA4

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

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

0.0%	0.0% #DAE2DC	RGB 218 226 220	#DAE2DC
16.7%	16.7% #CDDBD2	RGB 205 219 210	#CDDBD2
33.3%	33.3% #C0D5C9	RGB 192 213 201	#C0D5C9
50.0%	50.0% #B3CFC0	RGB 179 207 192	#B3CFC0
66.7%	66.7% #A6C8B6	RGB 166 200 182	#A6C8B6
83.3%	83.3% #99C2AD	RGB 153 194 173	#99C2AD
100.0%	100.0% #8CBCA4	RGB 140 188 164	#8CBCA4

#DAE2DC #CDDBD2 #C0D5C9 #B3CFC0 #A6C8B6 #99C2AD #8CBCA4

#DAE2DC - #8CBCA4

HSV Blend

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

0.0%	0.0% #DAE2DC	RGB 218 226 220	#DAE2DC
16.7%	16.7% #CBDBD0	RGB 203 219 208	#CBDBD0
33.3%	33.3% #BED5C5	RGB 190 213 197	#BED5C5
50.0%	50.0% #B0CFBC	RGB 176 207 188	#B0CFBC
66.7%	66.7% #A4C8B3	RGB 164 200 179	#A4C8B3
83.3%	83.3% #97C2AB	RGB 151 194 171	#97C2AB
100.0%	100.0% #8CBCA4	RGB 140 188 164	#8CBCA4

#DAE2DC #CBDBD0 #BED5C5 #B0CFBC #A4C8B3 #97C2AB #8CBCA4

#DAE2DC - #B0CFBC - #8CBCA4

CSS codes

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

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