#00963C - #AFED94 | 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 #00963C to #AFED94

#00963C #AFED94

Calculate the color between two colors, #00963C and #AFED94. 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)

#00963C - #AFED94 | 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 #00963C as 0% and #AFED94 as 100%.

0.0%	0.0% #00963C	RGB 0 150 60	#00963C
16.7%	16.7% #1DA44A	RGB 29 164 74	#1DA44A
33.3%	33.3% #3AB359	RGB 58 179 89	#3AB359
50.0%	50.0% #57C168	RGB 87 193 104	#57C168
66.7%	66.7% #74D076	RGB 116 208 118	#74D076
83.3%	83.3% #91DE85	RGB 145 222 133	#91DE85
100.0%	100.0% #AFED94	RGB 175 237 148	#AFED94

#00963C #1DA44A #3AB359 #57C168 #74D076 #91DE85 #AFED94

#00963C - #AFED94

HSV Blend

#00963C - #AFED94 | 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 #00963C as 0% and #AFED94 as 100%.

0.0%	0.0% #00963C	RGB 0 150 60	#00963C
16.7%	16.7% #11A43A	RGB 17 164 58	#11A43A
33.3%	33.3% #25B33C	RGB 37 179 60	#25B33C
50.0%	50.0% #3CC142	RGB 60 193 66	#3CC142
66.7%	66.7% #5ED056	RGB 94 208 86	#5ED056
83.3%	83.3% #87DE73	RGB 135 222 115	#87DE73
100.0%	100.0% #AFED94	RGB 175 237 148	#AFED94

#00963C #11A43A #25B33C #3CC142 #5ED056 #87DE73 #AFED94

#00963C - #3CC142 - #AFED94

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00963C 0%, #3CC142 50%, #AFED94 100%);
    background: -webkit-linear-gradient(top, #00963C 0%, #3CC142 50%, #AFED94 100%);
    background: linear-gradient(to bottom, #00963C 0%, #3CC142 50%, #AFED94 100%);
}
</style>