#60FF5D - #B2FF7D | 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 #60FF5D to #B2FF7D

#60FF5D #B2FF7D

Calculate the color between two colors, #60FF5D and #B2FF7D. 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)

#60FF5D - #B2FF7D | 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 #60FF5D as 0% and #B2FF7D as 100%.

0.0%	0.0% #60FF5D	RGB 96 255 93	#60FF5D
16.7%	16.7% #6DFF62	RGB 109 255 98	#6DFF62
33.3%	33.3% #7BFF67	RGB 123 255 103	#7BFF67
50.0%	50.0% #89FF6D	RGB 137 255 109	#89FF6D
66.7%	66.7% #96FF72	RGB 150 255 114	#96FF72
83.3%	83.3% #A4FF77	RGB 164 255 119	#A4FF77
100.0%	100.0% #B2FF7D	RGB 178 255 125	#B2FF7D

#60FF5D #6DFF62 #7BFF67 #89FF6D #96FF72 #A4FF77 #B2FF7D

#60FF5D - #B2FF7D

HSV Blend

#60FF5D - #B2FF7D | 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 #60FF5D as 0% and #B2FF7D as 100%.

0.0%	0.0% #60FF5D	RGB 96 255 93	#60FF5D
16.7%	16.7% #6FFF62	RGB 111 255 98	#6FFF62
33.3%	33.3% #7EFF67	RGB 126 255 103	#7EFF67
50.0%	50.0% #8CFF6D	RGB 140 255 109	#8CFF6D
66.7%	66.7% #99FF72	RGB 153 255 114	#99FF72
83.3%	83.3% #A6FF77	RGB 166 255 119	#A6FF77
100.0%	100.0% #B2FF7D	RGB 178 255 125	#B2FF7D

#60FF5D #6FFF62 #7EFF67 #8CFF6D #99FF72 #A6FF77 #B2FF7D

#60FF5D - #8CFF6D - #B2FF7D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #60FF5D 0%, #8CFF6D 50%, #B2FF7D 100%);
    background: -webkit-linear-gradient(top, #60FF5D 0%, #8CFF6D 50%, #B2FF7D 100%);
    background: linear-gradient(to bottom, #60FF5D 0%, #8CFF6D 50%, #B2FF7D 100%);
}
</style>