#85FFC8 - #08CC6D | 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 #85FFC8 to #08CC6D

#85FFC8 #08CC6D

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

#85FFC8 - #08CC6D | 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 #85FFC8 as 0% and #08CC6D as 100%.

0.0%	0.0% #85FFC8	RGB 133 255 200	#85FFC8
16.7%	16.7% #70F6B8	RGB 112 246 184	#70F6B8
33.3%	33.3% #5BEEA9	RGB 91 238 169	#5BEEA9
50.0%	50.0% #46E59A	RGB 70 229 154	#46E59A
66.7%	66.7% #31DD8B	RGB 49 221 139	#31DD8B
83.3%	83.3% #1CD47C	RGB 28 212 124	#1CD47C
100.0%	100.0% #08CC6D	RGB 8 204 109	#08CC6D

#85FFC8 #70F6B8 #5BEEA9 #46E59A #31DD8B #1CD47C #08CC6D

#85FFC8 - #08CC6D

HSV Blend

#85FFC8 - #08CC6D | 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 #85FFC8 as 0% and #08CC6D as 100%.

0.0%	0.0% #85FFC8	RGB 133 255 200	#85FFC8
16.7%	16.7% #6CF6B7	RGB 108 246 183	#6CF6B7
33.3%	33.3% #55EEA7	RGB 85 238 167	#55EEA7
50.0%	50.0% #40E598	RGB 64 229 152	#40E598
66.7%	66.7% #2CDD89	RGB 44 221 137	#2CDD89
83.3%	83.3% #19D47A	RGB 25 212 122	#19D47A
100.0%	100.0% #08CC6D	RGB 8 204 109	#08CC6D

#85FFC8 #6CF6B7 #55EEA7 #40E598 #2CDD89 #19D47A #08CC6D

#85FFC8 - #40E598 - #08CC6D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #85FFC8 0%, #40E598 50%, #08CC6D 100%);
    background: -webkit-linear-gradient(top, #85FFC8 0%, #40E598 50%, #08CC6D 100%);
    background: linear-gradient(to bottom, #85FFC8 0%, #40E598 50%, #08CC6D 100%);
}
</style>