#3CAA7B - #69FF95 | 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 #3CAA7B to #69FF95

#3CAA7B #69FF95

Calculate the color between two colors, #3CAA7B and #69FF95. 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)

#3CAA7B - #69FF95 | 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 #3CAA7B as 0% and #69FF95 as 100%.

0.0%	0.0% #3CAA7B	RGB 60 170 123	#3CAA7B
16.7%	16.7% #43B87F	RGB 67 184 127	#43B87F
33.3%	33.3% #4BC683	RGB 75 198 131	#4BC683
50.0%	50.0% #52D488	RGB 82 212 136	#52D488
66.7%	66.7% #5AE28C	RGB 90 226 140	#5AE28C
83.3%	83.3% #61F090	RGB 97 240 144	#61F090
100.0%	100.0% #69FF95	RGB 105 255 149	#69FF95

#3CAA7B #43B87F #4BC683 #52D488 #5AE28C #61F090 #69FF95

#3CAA7B - #69FF95

HSV Blend

#3CAA7B - #69FF95 | 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 #3CAA7B as 0% and #69FF95 as 100%.

0.0%	0.0% #3CAA7B	RGB 60 170 123	#3CAA7B
16.7%	16.7% #42B880	RGB 66 184 128	#42B880
33.3%	33.3% #49C685	RGB 73 198 133	#49C685
50.0%	50.0% #51D48A	RGB 81 212 138	#51D48A
66.7%	66.7% #58E28E	RGB 88 226 142	#58E28E
83.3%	83.3% #60F091	RGB 96 240 145	#60F091
100.0%	100.0% #69FF95	RGB 105 255 149	#69FF95

#3CAA7B #42B880 #49C685 #51D48A #58E28E #60F091 #69FF95

#3CAA7B - #51D48A - #69FF95

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CAA7B 0%, #51D48A 50%, #69FF95 100%);
    background: -webkit-linear-gradient(top, #3CAA7B 0%, #51D48A 50%, #69FF95 100%);
    background: linear-gradient(to bottom, #3CAA7B 0%, #51D48A 50%, #69FF95 100%);
}
</style>