#C0EB5E - #7DC31E | 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 #C0EB5E a #7DC31E

#C0EB5E #7DC31E

Calcule el color entre dos colores, #C0EB5E y #7DC31E. 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)

#C0EB5E - #7DC31E | 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 #C0EB5E como 0% y #7DC31E como 100%.

0.0%	0.0% #C0EB5E	RGB 192 235 94	#C0EB5E
16.7%	16.7% #B4E453	RGB 180 228 83	#B4E453
33.3%	33.3% #A9DD48	RGB 169 221 72	#A9DD48
50.0%	50.0% #9ED73E	RGB 158 215 62	#9ED73E
66.7%	66.7% #93D033	RGB 147 208 51	#93D033
83.3%	83.3% #88C928	RGB 136 201 40	#88C928
100.0%	100.0% #7DC31E	RGB 125 195 30	#7DC31E

#C0EB5E #B4E453 #A9DD48 #9ED73E #93D033 #88C928 #7DC31E

#C0EB5E - #7DC31E

Mezcla HSV

#C0EB5E - #7DC31E | 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 #C0EB5E como 0% y #7DC31E como 100%.

0.0%	0.0% #C0EB5E	RGB 192 235 94	#C0EB5E
16.7%	16.7% #B4E451	RGB 180 228 81	#B4E451
33.3%	33.3% #A9DD46	RGB 169 221 70	#A9DD46
50.0%	50.0% #9ED73B	RGB 158 215 59	#9ED73B
66.7%	66.7% #93D031	RGB 147 208 49	#93D031
83.3%	83.3% #88C927	RGB 136 201 39	#88C927
100.0%	100.0% #7DC31E	RGB 125 195 30	#7DC31E

#C0EB5E #B4E451 #A9DD46 #9ED73B #93D031 #88C927 #7DC31E

#C0EB5E - #9ED73B - #7DC31E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0EB5E 0%, #9ED73B 50%, #7DC31E 100%);
    background: -webkit-linear-gradient(top, #C0EB5E 0%, #9ED73B 50%, #7DC31E 100%);
    background: linear-gradient(to bottom, #C0EB5E 0%, #9ED73B 50%, #7DC31E 100%);
}
</style>