#DDF5E8 - #80CABC | 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 #DDF5E8 to #80CABC

#DDF5E8 #80CABC

Calculate the color between two colors, #DDF5E8 and #80CABC. 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)

#DDF5E8 - #80CABC | 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 #DDF5E8 as 0% and #80CABC as 100%.

0.0%	0.0% #DDF5E8	RGB 221 245 232	#DDF5E8
16.7%	16.7% #CDEDE0	RGB 205 237 224	#CDEDE0
33.3%	33.3% #BEE6D9	RGB 190 230 217	#BEE6D9
50.0%	50.0% #AEDFD2	RGB 174 223 210	#AEDFD2
66.7%	66.7% #9FD8CA	RGB 159 216 202	#9FD8CA
83.3%	83.3% #8FD1C3	RGB 143 209 195	#8FD1C3
100.0%	100.0% #80CABC	RGB 128 202 188	#80CABC

#DDF5E8 #CDEDE0 #BEE6D9 #AEDFD2 #9FD8CA #8FD1C3 #80CABC

#DDF5E8 - #80CABC

HSV Blend

#DDF5E8 - #80CABC | 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 #DDF5E8 as 0% and #80CABC as 100%.

0.0%	0.0% #DDF5E8	RGB 221 245 232	#DDF5E8
16.7%	16.7% #CBEDDD	RGB 203 237 221	#CBEDDD
33.3%	33.3% #BBE6D4	RGB 187 230 212	#BBE6D4
50.0%	50.0% #ABDFCC	RGB 171 223 204	#ABDFCC
66.7%	66.7% #9CD8C5	RGB 156 216 197	#9CD8C5
83.3%	83.3% #8DD1C0	RGB 141 209 192	#8DD1C0
100.0%	100.0% #80CABC	RGB 128 202 188	#80CABC

#DDF5E8 #CBEDDD #BBE6D4 #ABDFCC #9CD8C5 #8DD1C0 #80CABC

#DDF5E8 - #ABDFCC - #80CABC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DDF5E8 0%, #ABDFCC 50%, #80CABC 100%);
    background: -webkit-linear-gradient(top, #DDF5E8 0%, #ABDFCC 50%, #80CABC 100%);
    background: linear-gradient(to bottom, #DDF5E8 0%, #ABDFCC 50%, #80CABC 100%);
}
</style>