#41FFDC - #A8ECD1 | 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 #41FFDC to #A8ECD1

#41FFDC #A8ECD1

Calculate the color between two colors, #41FFDC and #A8ECD1. 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)

#41FFDC - #A8ECD1 | 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 #41FFDC as 0% and #A8ECD1 as 100%.

0.0%	0.0% #41FFDC	RGB 65 255 220	#41FFDC
16.7%	16.7% #52FBDA	RGB 82 251 218	#52FBDA
33.3%	33.3% #63F8D8	RGB 99 248 216	#63F8D8
50.0%	50.0% #74F5D6	RGB 116 245 214	#74F5D6
66.7%	66.7% #85F2D4	RGB 133 242 212	#85F2D4
83.3%	83.3% #96EFD2	RGB 150 239 210	#96EFD2
100.0%	100.0% #A8ECD1	RGB 168 236 209	#A8ECD1

#41FFDC #52FBDA #63F8D8 #74F5D6 #85F2D4 #96EFD2 #A8ECD1

#41FFDC - #A8ECD1

HSV Blend

#41FFDC - #A8ECD1 | 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 #41FFDC as 0% and #A8ECD1 as 100%.

0.0%	0.0% #41FFDC	RGB 65 255 220	#41FFDC
16.7%	16.7% #53FBD6	RGB 83 251 214	#53FBD6
33.3%	33.3% #65F8D3	RGB 101 248 211	#65F8D3
50.0%	50.0% #76F5D0	RGB 118 245 208	#76F5D0
66.7%	66.7% #87F2CF	RGB 135 242 207	#87F2CF
83.3%	83.3% #98EFCF	RGB 152 239 207	#98EFCF
100.0%	100.0% #A8ECD1	RGB 168 236 209	#A8ECD1

#41FFDC #53FBD6 #65F8D3 #76F5D0 #87F2CF #98EFCF #A8ECD1

#41FFDC - #76F5D0 - #A8ECD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41FFDC 0%, #76F5D0 50%, #A8ECD1 100%);
    background: -webkit-linear-gradient(top, #41FFDC 0%, #76F5D0 50%, #A8ECD1 100%);
    background: linear-gradient(to bottom, #41FFDC 0%, #76F5D0 50%, #A8ECD1 100%);
}
</style>