#00AFDA - #C2FFAF | 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 #00AFDA to #C2FFAF

#00AFDA #C2FFAF

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

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

0.0%	0.0% #00AFDA	RGB 0 175 218	#00AFDA
16.7%	16.7% #20BCD2	RGB 32 188 210	#20BCD2
33.3%	33.3% #40C9CB	RGB 64 201 203	#40C9CB
50.0%	50.0% #61D7C4	RGB 97 215 196	#61D7C4
66.7%	66.7% #81E4BD	RGB 129 228 189	#81E4BD
83.3%	83.3% #A1F1B6	RGB 161 241 182	#A1F1B6
100.0%	100.0% #C2FFAF	RGB 194 255 175	#C2FFAF

#00AFDA #20BCD2 #40C9CB #61D7C4 #81E4BD #A1F1B6 #C2FFAF

#00AFDA - #C2FFAF

HSV Blend

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

0.0%	0.0% #00AEDA	RGB 0 174 218	#00AEDA
16.7%	16.7% #19E0D7	RGB 25 224 215	#19E0D7
33.3%	33.3% #34E6B4	RGB 52 230 180	#34E6B4
50.0%	50.0% #51EC9B	RGB 81 236 155	#51EC9B
66.7%	66.7% #6FF28E	RGB 111 242 142	#6FF28E
83.3%	83.3% #8EF88E	RGB 142 248 142	#8EF88E
100.0%	100.0% #C2FFAF	RGB 194 255 175	#C2FFAF

#00AEDA #19E0D7 #34E6B4 #51EC9B #6FF28E #8EF88E #C2FFAF

#00AFDA - #51EC9B - #C2FFAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AEDA 0%, #51EC9B 50%, #C2FFAF 100%);
    background: -webkit-linear-gradient(top, #00AEDA 0%, #51EC9B 50%, #C2FFAF 100%);
    background: linear-gradient(to bottom, #00AEDA 0%, #51EC9B 50%, #C2FFAF 100%);
}
</style>