#00C7AF - #CFFFAE | 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 #00C7AF to #CFFFAE

#00C7AF #CFFFAE

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

#00C7AF - #CFFFAE | 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 #00C7AF as 0% and #CFFFAE as 100%.

0.0%	0.0% #00C7AF	RGB 0 199 175	#00C7AF
16.7%	16.7% #22D0AE	RGB 34 208 174	#22D0AE
33.3%	33.3% #45D9AE	RGB 69 217 174	#45D9AE
50.0%	50.0% #67E3AE	RGB 103 227 174	#67E3AE
66.7%	66.7% #8AECAE	RGB 138 236 174	#8AECAE
83.3%	83.3% #ACF5AE	RGB 172 245 174	#ACF5AE
100.0%	100.0% #CFFFAE	RGB 207 255 174	#CFFFAE

#00C7AF #22D0AE #45D9AE #67E3AE #8AECAE #ACF5AE #CFFFAE

#00C7AF - #CFFFAE

HSV Blend

#00C7AF - #CFFFAE | 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 #00C7AF as 0% and #CFFFAE as 100%.

0.0%	0.0% #00C7AF	RGB 0 199 175	#00C7AF
16.7%	16.7% #17D092	RGB 23 208 146	#17D092
33.3%	33.3% #31D97D	RGB 49 217 125	#31D97D
50.0%	50.0% #4DE370	RGB 77 227 112	#4DE370
66.7%	66.7% #6BEC6E	RGB 107 236 110	#6BEC6E
83.3%	83.3% #A0F58B	RGB 160 245 139	#A0F58B
100.0%	100.0% #CFFFAE	RGB 207 255 174	#CFFFAE

#00C7AF #17D092 #31D97D #4DE370 #6BEC6E #A0F58B #CFFFAE

#00C7AF - #4DE370 - #CFFFAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C7AF 0%, #4DE370 50%, #CFFFAE 100%);
    background: -webkit-linear-gradient(top, #00C7AF 0%, #4DE370 50%, #CFFFAE 100%);
    background: linear-gradient(to bottom, #00C7AF 0%, #4DE370 50%, #CFFFAE 100%);
}
</style>