#DFF5E7 - #85C9BA | 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 #DFF5E7 to #85C9BA

#DFF5E7 #85C9BA

Calculate the color between two colors, #DFF5E7 and #85C9BA. 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)

#DFF5E7 - #85C9BA | 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 #DFF5E7 as 0% and #85C9BA as 100%.

0.0%	0.0% #DFF5E7	RGB 223 245 231	#DFF5E7
16.7%	16.7% #D0EDDF	RGB 208 237 223	#D0EDDF
33.3%	33.3% #C1E6D8	RGB 193 230 216	#C1E6D8
50.0%	50.0% #B2DFD0	RGB 178 223 208	#B2DFD0
66.7%	66.7% #A3D7C9	RGB 163 215 201	#A3D7C9
83.3%	83.3% #94D0C1	RGB 148 208 193	#94D0C1
100.0%	100.0% #85C9BA	RGB 133 201 186	#85C9BA

#DFF5E7 #D0EDDF #C1E6D8 #B2DFD0 #A3D7C9 #94D0C1 #85C9BA

#DFF5E7 - #85C9BA

HSV Blend

#DFF5E7 - #85C9BA | 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 #DFF5E7 as 0% and #85C9BA as 100%.

0.0%	0.0% #DFF5E7	RGB 223 245 231	#DFF5E7
16.7%	16.7% #CEEDDB	RGB 206 237 219	#CEEDDB
33.3%	33.3% #BEE6D2	RGB 190 230 210	#BEE6D2
50.0%	50.0% #AFDFCA	RGB 175 223 202	#AFDFCA
66.7%	66.7% #A0D7C3	RGB 160 215 195	#A0D7C3
83.3%	83.3% #92D0BE	RGB 146 208 190	#92D0BE
100.0%	100.0% #85C9BA	RGB 133 201 186	#85C9BA

#DFF5E7 #CEEDDB #BEE6D2 #AFDFCA #A0D7C3 #92D0BE #85C9BA

#DFF5E7 - #AFDFCA - #85C9BA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DFF5E7 0%, #AFDFCA 50%, #85C9BA 100%);
    background: -webkit-linear-gradient(top, #DFF5E7 0%, #AFDFCA 50%, #85C9BA 100%);
    background: linear-gradient(to bottom, #DFF5E7 0%, #AFDFCA 50%, #85C9BA 100%);
}
</style>