#B5C92B - #FFEF64 | 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 #B5C92B a #FFEF64

#B5C92B #FFEF64

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

#B5C92B - #FFEF64 | 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 #B5C92B como 0% y #FFEF64 como 100%.

0.0%	0.0% #B5C92B	RGB 181 201 43	#B5C92B
16.7%	16.7% #C1CF34	RGB 193 207 52	#C1CF34
33.3%	33.3% #CDD53E	RGB 205 213 62	#CDD53E
50.0%	50.0% #DADC47	RGB 218 220 71	#DADC47
66.7%	66.7% #E6E251	RGB 230 226 81	#E6E251
83.3%	83.3% #F2E85A	RGB 242 232 90	#F2E85A
100.0%	100.0% #FFEF64	RGB 255 239 100	#FFEF64

#B5C92B #C1CF34 #CDD53E #DADC47 #E6E251 #F2E85A #FFEF64

#B5C92B - #FFEF64

Mezcla HSV

#B5C92B - #FFEF64 | 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 #B5C92B como 0% y #FFEF64 como 100%.

0.0%	0.0% #B5C92A	RGB 181 201 42	#B5C92A
16.7%	16.7% #C3D233	RGB 195 210 51	#C3D233
33.3%	33.3% #D3DB3B	RGB 211 219 59	#D3DB3B
50.0%	50.0% #E2E445	RGB 226 228 69	#E2E445
66.7%	66.7% #EDE84E	RGB 237 232 78	#EDE84E
83.3%	83.3% #F6EB59	RGB 246 235 89	#F6EB59
100.0%	100.0% #FFEF64	RGB 255 239 100	#FFEF64

#B5C92A #C3D233 #D3DB3B #E2E445 #EDE84E #F6EB59 #FFEF64

#B5C92B - #E2E445 - #FFEF64

Códigos CSS

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

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