#C0FFBD - #69F56E | 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 #C0FFBD to #69F56E

#C0FFBD #69F56E

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

#C0FFBD - #69F56E | 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 #C0FFBD as 0% and #69F56E as 100%.

0.0%	0.0% #C0FFBD	RGB 192 255 189	#C0FFBD
16.7%	16.7% #B1FDAF	RGB 177 253 175	#B1FDAF
33.3%	33.3% #A3FBA2	RGB 163 251 162	#A3FBA2
50.0%	50.0% #94FA95	RGB 148 250 149	#94FA95
66.7%	66.7% #86F888	RGB 134 248 136	#86F888
83.3%	83.3% #77F67B	RGB 119 246 123	#77F67B
100.0%	100.0% #69F56E	RGB 105 245 110	#69F56E

#C0FFBD #B1FDAF #A3FBA2 #94FA95 #86F888 #77F67B #69F56E

#C0FFBD - #69F56E

HSV Blend

#C0FFBD - #69F56E | 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 #C0FFBD as 0% and #69F56E as 100%.

0.0%	0.0% #C0FFBD	RGB 192 255 189	#C0FFBD
16.7%	16.7% #B1FDAE	RGB 177 253 174	#B1FDAE
33.3%	33.3% #A1FBA0	RGB 161 251 160	#A1FBA0
50.0%	50.0% #92FA92	RGB 146 250 146	#92FA92
66.7%	66.7% #84F885	RGB 132 248 133	#84F885
83.3%	83.3% #76F679	RGB 118 246 121	#76F679
100.0%	100.0% #69F56E	RGB 105 245 110	#69F56E

#C0FFBD #B1FDAE #A1FBA0 #92FA92 #84F885 #76F679 #69F56E

#C0FFBD - #92FA92 - #69F56E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0FFBD 0%, #92FA92 50%, #69F56E 100%);
    background: -webkit-linear-gradient(top, #C0FFBD 0%, #92FA92 50%, #69F56E 100%);
    background: linear-gradient(to bottom, #C0FFBD 0%, #92FA92 50%, #69F56E 100%);
}
</style>