#B7EB6B - #EAF9D4 | 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 #B7EB6B a #EAF9D4

#B7EB6B #EAF9D4

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

#B7EB6B - #EAF9D4 | 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 #B7EB6B como 0% y #EAF9D4 como 100%.

0.0%	0.0% #B7EB6B	RGB 183 235 107	#B7EB6B
16.7%	16.7% #BFED7C	RGB 191 237 124	#BFED7C
33.3%	33.3% #C8EF8E	RGB 200 239 142	#C8EF8E
50.0%	50.0% #D0F29F	RGB 208 242 159	#D0F29F
66.7%	66.7% #D9F4B1	RGB 217 244 177	#D9F4B1
83.3%	83.3% #E1F6C2	RGB 225 246 194	#E1F6C2
100.0%	100.0% #EAF9D4	RGB 234 249 212	#EAF9D4

#B7EB6B #BFED7C #C8EF8E #D0F29F #D9F4B1 #E1F6C2 #EAF9D4

#B7EB6B - #EAF9D4

Mezcla HSV

#B7EB6B - #EAF9D4 | 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 #B7EB6B como 0% y #EAF9D4 como 100%.

0.0%	0.0% #B7EB6B	RGB 183 235 107	#B7EB6B
16.7%	16.7% #BFED7B	RGB 191 237 123	#BFED7B
33.3%	33.3% #C7EF8C	RGB 199 239 140	#C7EF8C
50.0%	50.0% #CFF29E	RGB 207 242 158	#CFF29E
66.7%	66.7% #D8F4AF	RGB 216 244 175	#D8F4AF
83.3%	83.3% #E1F6C1	RGB 225 246 193	#E1F6C1
100.0%	100.0% #EAF9D4	RGB 234 249 212	#EAF9D4

#B7EB6B #BFED7B #C7EF8C #CFF29E #D8F4AF #E1F6C1 #EAF9D4

#B7EB6B - #CFF29E - #EAF9D4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7EB6B 0%, #CFF29E 50%, #EAF9D4 100%);
    background: -webkit-linear-gradient(top, #B7EB6B 0%, #CFF29E 50%, #EAF9D4 100%);
    background: linear-gradient(to bottom, #B7EB6B 0%, #CFF29E 50%, #EAF9D4 100%);
}
</style>