#67FF4B - #C0FFB0 | 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 #67FF4B to #C0FFB0

#67FF4B #C0FFB0

Calculate the color between two colors, #67FF4B and #C0FFB0. 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)

#67FF4B - #C0FFB0 | 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 #67FF4B as 0% and #C0FFB0 as 100%.

0.0%	0.0% #67FF4B	RGB 103 255 75	#67FF4B
16.7%	16.7% #75FF5B	RGB 117 255 91	#75FF5B
33.3%	33.3% #84FF6C	RGB 132 255 108	#84FF6C
50.0%	50.0% #93FF7D	RGB 147 255 125	#93FF7D
66.7%	66.7% #A2FF8E	RGB 162 255 142	#A2FF8E
83.3%	83.3% #B1FF9F	RGB 177 255 159	#B1FF9F
100.0%	100.0% #C0FFB0	RGB 192 255 176	#C0FFB0

#67FF4B #75FF5B #84FF6C #93FF7D #A2FF8E #B1FF9F #C0FFB0

#67FF4B - #C0FFB0

HSV Blend

#67FF4B - #C0FFB0 | 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 #67FF4B as 0% and #C0FFB0 as 100%.

0.0%	0.0% #67FF4B	RGB 103 255 75	#67FF4B
16.7%	16.7% #76FF5B	RGB 118 255 91	#76FF5B
33.3%	33.3% #85FF6C	RGB 133 255 108	#85FF6C
50.0%	50.0% #94FF7D	RGB 148 255 125	#94FF7D
66.7%	66.7% #A3FF8E	RGB 163 255 142	#A3FF8E
83.3%	83.3% #B1FF9F	RGB 177 255 159	#B1FF9F
100.0%	100.0% #C0FFB0	RGB 192 255 176	#C0FFB0

#67FF4B #76FF5B #85FF6C #94FF7D #A3FF8E #B1FF9F #C0FFB0

#67FF4B - #94FF7D - #C0FFB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #67FF4B 0%, #94FF7D 50%, #C0FFB0 100%);
    background: -webkit-linear-gradient(top, #67FF4B 0%, #94FF7D 50%, #C0FFB0 100%);
    background: linear-gradient(to bottom, #67FF4B 0%, #94FF7D 50%, #C0FFB0 100%);
}
</style>