#31FFC8 - #00C2AF | 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 #31FFC8 to #00C2AF

#31FFC8 #00C2AF

Calculate the color between two colors, #31FFC8 and #00C2AF. 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)

#31FFC8 - #00C2AF | 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 #31FFC8 as 0% and #00C2AF as 100%.

0.0%	0.0% #31FFC8	RGB 49 255 200	#31FFC8
16.7%	16.7% #28F4C3	RGB 40 244 195	#28F4C3
33.3%	33.3% #20EABF	RGB 32 234 191	#20EABF
50.0%	50.0% #18E0BB	RGB 24 224 187	#18E0BB
66.7%	66.7% #10D6B7	RGB 16 214 183	#10D6B7
83.3%	83.3% #08CCB3	RGB 8 204 179	#08CCB3
100.0%	100.0% #00C2AF	RGB 0 194 175	#00C2AF

#31FFC8 #28F4C3 #20EABF #18E0BB #10D6B7 #08CCB3 #00C2AF

#31FFC8 - #00C2AF

HSV Blend

#31FFC8 - #00C2AF | 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 #31FFC8 as 0% and #00C2AF as 100%.

0.0%	0.0% #31FFC8	RGB 49 255 200	#31FFC8
16.7%	16.7% #27F4C3	RGB 39 244 195	#27F4C3
33.3%	33.3% #1EEABF	RGB 30 234 191	#1EEABF
50.0%	50.0% #15E0BB	RGB 21 224 187	#15E0BB
66.7%	66.7% #0DD6B7	RGB 13 214 183	#0DD6B7
83.3%	83.3% #06CCB3	RGB 6 204 179	#06CCB3
100.0%	100.0% #00C2AF	RGB 0 194 175	#00C2AF

#31FFC8 #27F4C3 #1EEABF #15E0BB #0DD6B7 #06CCB3 #00C2AF

#31FFC8 - #15E0BB - #00C2AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #31FFC8 0%, #15E0BB 50%, #00C2AF 100%);
    background: -webkit-linear-gradient(top, #31FFC8 0%, #15E0BB 50%, #00C2AF 100%);
    background: linear-gradient(to bottom, #31FFC8 0%, #15E0BB 50%, #00C2AF 100%);
}
</style>