#85CBA1 - #A8FDF5 | 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 #85CBA1 to #A8FDF5

#85CBA1 #A8FDF5

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

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

0.0%	0.0% #85CBA1	RGB 133 203 161	#85CBA1
16.7%	16.7% #8AD3AF	RGB 138 211 175	#8AD3AF
33.3%	33.3% #90DBBD	RGB 144 219 189	#90DBBD
50.0%	50.0% #96E4CB	RGB 150 228 203	#96E4CB
66.7%	66.7% #9CECD9	RGB 156 236 217	#9CECD9
83.3%	83.3% #A2F4E7	RGB 162 244 231	#A2F4E7
100.0%	100.0% #A8FDF5	RGB 168 253 245	#A8FDF5

#85CBA1 #8AD3AF #90DBBD #96E4CB #9CECD9 #A2F4E7 #A8FDF5

#85CBA1 - #A8FDF5

HSV Blend

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

0.0%	0.0% #85CBA1	RGB 133 203 161	#85CBA1
16.7%	16.7% #8AD3AD	RGB 138 211 173	#8AD3AD
33.3%	33.3% #90DBBB	RGB 144 219 187	#90DBBB
50.0%	50.0% #96E4C9	RGB 150 228 201	#96E4C9
66.7%	66.7% #9CECD7	RGB 156 236 215	#9CECD7
83.3%	83.3% #A2F4E5	RGB 162 244 229	#A2F4E5
100.0%	100.0% #A8FDF5	RGB 168 253 245	#A8FDF5

#85CBA1 #8AD3AD #90DBBB #96E4C9 #9CECD7 #A2F4E5 #A8FDF5

#85CBA1 - #96E4C9 - #A8FDF5

CSS codes

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

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