#B5E10B - #FFFC56 | 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 #FFFC56

#B5E10B #FFFC56

Calcule el color entre dos colores, #B5E10B y #FFFC56. 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 - #FFFC56 | 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 #FFFC56 como 100%.

0.0%	0.0% #B5E10B	RGB 181 225 11	#B5E10B
16.7%	16.7% #C1E517	RGB 193 229 23	#C1E517
33.3%	33.3% #CDEA24	RGB 205 234 36	#CDEA24
50.0%	50.0% #DAEE30	RGB 218 238 48	#DAEE30
66.7%	66.7% #E6F33D	RGB 230 243 61	#E6F33D
83.3%	83.3% #F2F749	RGB 242 247 73	#F2F749
100.0%	100.0% #FFFC56	RGB 255 252 86	#FFFC56

#B5E10B #C1E517 #CDEA24 #DAEE30 #E6F33D #F2F749 #FFFC56

#B5E10B - #FFFC56

Mezcla HSV

#B5E10B - #FFFC56 | 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 #FFFC56 como 100%.

0.0%	0.0% #B5E10A	RGB 181 225 10	#B5E10A
16.7%	16.7% #C3E616	RGB 195 230 22	#C3E616
33.3%	33.3% #D0EB22	RGB 208 235 34	#D0EB22
50.0%	50.0% #DDF02E	RGB 221 240 46	#DDF02E
66.7%	66.7% #EAF53B	RGB 234 245 59	#EAF53B
83.3%	83.3% #F6FA48	RGB 246 250 72	#F6FA48
100.0%	100.0% #FFFC56	RGB 255 252 86	#FFFC56

#B5E10A #C3E616 #D0EB22 #DDF02E #EAF53B #F6FA48 #FFFC56

#B5E10B - #DDF02E - #FFFC56

Códigos CSS

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

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