#DDF2DF - #8AC0B0 | 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 #DDF2DF to #8AC0B0

#DDF2DF #8AC0B0

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

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

0.0%	0.0% #DDF2DF	RGB 221 242 223	#DDF2DF
16.7%	16.7% #CFE9D7	RGB 207 233 215	#CFE9D7
33.3%	33.3% #C1E1CF	RGB 193 225 207	#C1E1CF
50.0%	50.0% #B3D9C7	RGB 179 217 199	#B3D9C7
66.7%	66.7% #A5D0BF	RGB 165 208 191	#A5D0BF
83.3%	83.3% #97C8B7	RGB 151 200 183	#97C8B7
100.0%	100.0% #8AC0B0	RGB 138 192 176	#8AC0B0

#DDF2DF #CFE9D7 #C1E1CF #B3D9C7 #A5D0BF #97C8B7 #8AC0B0

#DDF2DF - #8AC0B0

HSV Blend

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

0.0%	0.0% #DDF2DF	RGB 221 242 223	#DDF2DF
16.7%	16.7% #CDE9D3	RGB 205 233 211	#CDE9D3
33.3%	33.3% #BFE1C9	RGB 191 225 201	#BFE1C9
50.0%	50.0% #B1D9C1	RGB 177 217 193	#B1D9C1
66.7%	66.7% #A3D0BA	RGB 163 208 186	#A3D0BA
83.3%	83.3% #96C8B4	RGB 150 200 180	#96C8B4
100.0%	100.0% #8AC0B0	RGB 138 192 176	#8AC0B0

#DDF2DF #CDE9D3 #BFE1C9 #B1D9C1 #A3D0BA #96C8B4 #8AC0B0

#DDF2DF - #B1D9C1 - #8AC0B0

CSS codes

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

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