#00A879 - #C7FF9C | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #00A879 a #C7FF9C

#00A879 #C7FF9C

Calcule el color entre dos colores, #00A879 y #C7FF9C. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#00A879 - #C7FF9C | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #00A879 como 0% y #C7FF9C como 100%.

0.0%	0.0% #00A879	RGB 0 168 121	#00A879
16.7%	16.7% #21B67E	RGB 33 182 126	#21B67E
33.3%	33.3% #42C584	RGB 66 197 132	#42C584
50.0%	50.0% #63D38A	RGB 99 211 138	#63D38A
66.7%	66.7% #84E290	RGB 132 226 144	#84E290
83.3%	83.3% #A5F096	RGB 165 240 150	#A5F096
100.0%	100.0% #C7FF9C	RGB 199 255 156	#C7FF9C

#00A879 #21B67E #42C584 #63D38A #84E290 #A5F096 #C7FF9C

#00A879 - #C7FF9C

Mezcla HSV

#00A879 - #C7FF9C | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #00A879 como 0% y #C7FF9C como 100%.

0.0%	0.0% #00A879	RGB 0 168 121	#00A879
16.7%	16.7% #12B669	RGB 18 182 105	#12B669
33.3%	33.3% #28C55C	RGB 40 197 92	#28C55C
50.0%	50.0% #40D355	RGB 64 211 85	#40D355
66.7%	66.7% #62E25C	RGB 98 226 92	#62E25C
83.3%	83.3% #97F07A	RGB 151 240 122	#97F07A
100.0%	100.0% #C7FF9C	RGB 199 255 156	#C7FF9C

#00A879 #12B669 #28C55C #40D355 #62E25C #97F07A #C7FF9C

#00A879 - #40D355 - #C7FF9C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A879 0%, #40D355 50%, #C7FF9C 100%);
    background: -webkit-linear-gradient(top, #00A879 0%, #40D355 50%, #C7FF9C 100%);
    background: linear-gradient(to bottom, #00A879 0%, #40D355 50%, #C7FF9C 100%);
}
</style>