#C0FF47 - #75FF67 | 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 #C0FF47 to #75FF67

#C0FF47 #75FF67

Calculate the color between two colors, #C0FF47 and #75FF67. 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)

#C0FF47 - #75FF67 | 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 #C0FF47 as 0% and #75FF67 as 100%.

0.0%	0.0% #C0FF47	RGB 192 255 71	#C0FF47
16.7%	16.7% #B3FF4C	RGB 179 255 76	#B3FF4C
33.3%	33.3% #A7FF51	RGB 167 255 81	#A7FF51
50.0%	50.0% #9AFF57	RGB 154 255 87	#9AFF57
66.7%	66.7% #8EFF5C	RGB 142 255 92	#8EFF5C
83.3%	83.3% #81FF61	RGB 129 255 97	#81FF61
100.0%	100.0% #75FF67	RGB 117 255 103	#75FF67

#C0FF47 #B3FF4C #A7FF51 #9AFF57 #8EFF5C #81FF61 #75FF67

#C0FF47 - #75FF67

HSV Blend

#C0FF47 - #75FF67 | 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 #C0FF47 as 0% and #75FF67 as 100%.

0.0%	0.0% #C0FF47	RGB 192 255 71	#C0FF47
16.7%	16.7% #B0FF4C	RGB 176 255 76	#B0FF4C
33.3%	33.3% #A2FF51	RGB 162 255 81	#A2FF51
50.0%	50.0% #95FF57	RGB 149 255 87	#95FF57
66.7%	66.7% #89FF5C	RGB 137 255 92	#89FF5C
83.3%	83.3% #7EFF61	RGB 126 255 97	#7EFF61
100.0%	100.0% #75FF67	RGB 117 255 103	#75FF67

#C0FF47 #B0FF4C #A2FF51 #95FF57 #89FF5C #7EFF61 #75FF67

#C0FF47 - #95FF57 - #75FF67

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0FF47 0%, #95FF57 50%, #75FF67 100%);
    background: -webkit-linear-gradient(top, #C0FF47 0%, #95FF57 50%, #75FF67 100%);
    background: linear-gradient(to bottom, #C0FF47 0%, #95FF57 50%, #75FF67 100%);
}
</style>