#B7EB5E - #72C41E | 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 #B7EB5E a #72C41E

#B7EB5E #72C41E

Calcule el color entre dos colores, #B7EB5E y #72C41E. 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)

#B7EB5E - #72C41E | 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 #B7EB5E como 0% y #72C41E como 100%.

0.0%	0.0% #B7EB5E	RGB 183 235 94	#B7EB5E
16.7%	16.7% #ABE453	RGB 171 228 83	#ABE453
33.3%	33.3% #A0DE48	RGB 160 222 72	#A0DE48
50.0%	50.0% #94D73E	RGB 148 215 62	#94D73E
66.7%	66.7% #89D133	RGB 137 209 51	#89D133
83.3%	83.3% #7DCA28	RGB 125 202 40	#7DCA28
100.0%	100.0% #72C41E	RGB 114 196 30	#72C41E

#B7EB5E #ABE453 #A0DE48 #94D73E #89D133 #7DCA28 #72C41E

#B7EB5E - #72C41E

Mezcla HSV

#B7EB5E - #72C41E | 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 #B7EB5E como 0% y #72C41E como 100%.

0.0%	0.0% #B7EB5E	RGB 183 235 94	#B7EB5E
16.7%	16.7% #ABE451	RGB 171 228 81	#ABE451
33.3%	33.3% #9FDE46	RGB 159 222 70	#9FDE46
50.0%	50.0% #94D73B	RGB 148 215 59	#94D73B
66.7%	66.7% #88D131	RGB 136 209 49	#88D131
83.3%	83.3% #7DCA27	RGB 125 202 39	#7DCA27
100.0%	100.0% #72C41E	RGB 114 196 30	#72C41E

#B7EB5E #ABE451 #9FDE46 #94D73B #88D131 #7DCA27 #72C41E

#B7EB5E - #94D73B - #72C41E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7EB5E 0%, #94D73B 50%, #72C41E 100%);
    background: -webkit-linear-gradient(top, #B7EB5E 0%, #94D73B 50%, #72C41E 100%);
    background: linear-gradient(to bottom, #B7EB5E 0%, #94D73B 50%, #72C41E 100%);
}
</style>