#05E2FF - #9AFF8F | 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 #05E2FF to #9AFF8F

#05E2FF #9AFF8F

Calculate the color between two colors, #05E2FF and #9AFF8F. 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)

#05E2FF - #9AFF8F | 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 #05E2FF as 0% and #9AFF8F as 100%.

0.0%	0.0% #05E2FF	RGB 5 226 255	#05E2FF
16.7%	16.7% #1DE6EC	RGB 29 230 236	#1DE6EC
33.3%	33.3% #36EBD9	RGB 54 235 217	#36EBD9
50.0%	50.0% #4FF0C7	RGB 79 240 199	#4FF0C7
66.7%	66.7% #68F5B4	RGB 104 245 180	#68F5B4
83.3%	83.3% #81FAA1	RGB 129 250 161	#81FAA1
100.0%	100.0% #9AFF8F	RGB 154 255 143	#9AFF8F

#05E2FF #1DE6EC #36EBD9 #4FF0C7 #68F5B4 #81FAA1 #9AFF8F

#05E2FF - #9AFF8F

HSV Blend

#05E2FF - #9AFF8F | 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 #05E2FF as 0% and #9AFF8F as 100%.

0.0%	0.0% #04E2FF	RGB 4 226 255	#04E2FF
16.7%	16.7% #1BFFEB	RGB 27 255 235	#1BFFEB
33.3%	33.3% #32FFC4	RGB 50 255 196	#32FFC4
50.0%	50.0% #49FFA6	RGB 73 255 166	#49FFA6
66.7%	66.7% #61FF91	RGB 97 255 145	#61FF91
83.3%	83.3% #78FF86	RGB 120 255 134	#78FF86
100.0%	100.0% #9AFF8F	RGB 154 255 143	#9AFF8F

#04E2FF #1BFFEB #32FFC4 #49FFA6 #61FF91 #78FF86 #9AFF8F

#05E2FF - #49FFA6 - #9AFF8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #04E2FF 0%, #49FFA6 50%, #9AFF8F 100%);
    background: -webkit-linear-gradient(top, #04E2FF 0%, #49FFA6 50%, #9AFF8F 100%);
    background: linear-gradient(to bottom, #04E2FF 0%, #49FFA6 50%, #9AFF8F 100%);
}
</style>