#B5E10B - #E9F6B9 | 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 #B5E10B a #E9F6B9

#B5E10B #E9F6B9

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

#B5E10B - #E9F6B9 | 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 #B5E10B como 0% y #E9F6B9 como 100%.

0.0%	0.0% #B5E10B	RGB 181 225 11	#B5E10B
16.7%	16.7% #BDE428	RGB 189 228 40	#BDE428
33.3%	33.3% #C6E845	RGB 198 232 69	#C6E845
50.0%	50.0% #CFEB62	RGB 207 235 98	#CFEB62
66.7%	66.7% #D7EF7F	RGB 215 239 127	#D7EF7F
83.3%	83.3% #E0F29C	RGB 224 242 156	#E0F29C
100.0%	100.0% #E9F6B9	RGB 233 246 185	#E9F6B9

#B5E10B #BDE428 #C6E845 #CFEB62 #D7EF7F #E0F29C #E9F6B9

#B5E10B - #E9F6B9

Mezcla HSV

#B5E10B - #E9F6B9 | 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 #B5E10B como 0% y #E9F6B9 como 100%.

0.0%	0.0% #B5E10A	RGB 181 225 10	#B5E10A
16.7%	16.7% #BDE425	RGB 189 228 37	#BDE425
33.3%	33.3% #C5E841	RGB 197 232 65	#C5E841
50.0%	50.0% #CDEB5E	RGB 205 235 94	#CDEB5E
66.7%	66.7% #D6EF7B	RGB 214 239 123	#D6EF7B
83.3%	83.3% #DFF299	RGB 223 242 153	#DFF299
100.0%	100.0% #E9F6B9	RGB 233 246 185	#E9F6B9

#B5E10A #BDE425 #C5E841 #CDEB5E #D6EF7B #DFF299 #E9F6B9

#B5E10B - #CDEB5E - #E9F6B9

Códigos CSS

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

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